PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 2.0.5
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v2.0.5
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.css

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

7,046 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-left: 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 left: 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 left: 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 right: 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 right: 0;
119 left: inherit;
120 }
121 .rtl .usk-arrows-align-center .usk-navigation-next,
122 .rtl .usk-arrows-dots-align-center .usk-navigation-next {
123 left: 0;
124 right: 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: left;
210 top: 0;
211 left: 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 right: 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-left: 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: left;
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: left;
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: left;
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: left;
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: right !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: left;
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-right: 30px;
1804 border-right: 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 .usk-page-single .woocommerce .quantity .qty {
1833 width: 5.631em;
1834 }
1835
1836 .usk-florence-grid .usk-item {
1837 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
1838 overflow: hidden;
1839 }
1840 .usk-florence-grid .usk-item:hover .usk-shoping a {
1841 transform: translateX(0px);
1842 }
1843 .usk-florence-grid .usk-shoping {
1844 bottom: clamp(10px, 1vw, 25px);
1845 right: clamp(10px, 1vw, 25px);
1846 }
1847 .usk-florence-grid .usk-shoping a {
1848 transform: translateX(25px);
1849 }
1850 .usk-florence-grid .usk-badge-label-wrapper {
1851 left: 0;
1852 top: 0;
1853 }
1854 .usk-florence-grid .usk-content {
1855 background: #fff;
1856 }
1857 .usk-florence-grid .usk-grid-layout .usk-price {
1858 margin: 0;
1859 }
1860 .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-price {
1861 opacity: 1;
1862 transition: all 0.3s ease;
1863 transform: translateY(0);
1864 }
1865 .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-rating {
1866 transform: translateY(0);
1867 opacity: 0;
1868 transition: all 0.3s ease;
1869 }
1870 .usk-florence-grid .usk-grid-layout .usk-have-rating:hover .usk-rating {
1871 transform: translateY(-20px);
1872 opacity: 1;
1873 }
1874 .usk-florence-grid .usk-grid-layout .usk-have-rating:hover .usk-price {
1875 transform: translateY(-20px);
1876 opacity: 0;
1877 visibility: hidden;
1878 }
1879 .usk-florence-grid .usk-grid-layout .usk-rating {
1880 position: absolute;
1881 width: 100%;
1882 display: flex;
1883 }
1884
1885 .usk-florence-carousel .usk-item {
1886 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
1887 overflow: hidden;
1888 }
1889 .usk-florence-carousel .usk-item:hover .usk-shoping a {
1890 transform: translateX(0px);
1891 }
1892 .usk-florence-carousel .usk-shoping {
1893 bottom: clamp(10px, 1vw, 25px);
1894 right: clamp(10px, 1vw, 25px);
1895 }
1896 .usk-florence-carousel .usk-shoping a {
1897 transform: translateX(25px);
1898 }
1899 .usk-florence-carousel .usk-badge-label-wrapper {
1900 left: 0;
1901 top: 0;
1902 }
1903 .usk-florence-carousel .usk-content {
1904 height: 100%;
1905 background: #fff;
1906 }
1907 .usk-florence-carousel .usk-content-inner {
1908 width: 100%;
1909 position: relative;
1910 }
1911 .usk-florence-carousel .usk-have-rating .usk-price {
1912 opacity: 1;
1913 transition: all 0.3s ease;
1914 transform: translateY(0);
1915 margin-bottom: 0;
1916 }
1917 .usk-florence-carousel .usk-have-rating .usk-rating {
1918 transform: translateY(0);
1919 opacity: 0;
1920 transition: all 0.3s ease;
1921 }
1922 .usk-florence-carousel .usk-have-rating:hover .usk-rating {
1923 transform: translateY(-20px);
1924 opacity: 1;
1925 }
1926 .usk-florence-carousel .usk-have-rating:hover .usk-price {
1927 transform: translateY(-20px);
1928 opacity: 0;
1929 visibility: hidden;
1930 }
1931 .usk-florence-carousel .usk-item .usk-rating {
1932 position: absolute;
1933 width: 100%;
1934 display: flex;
1935 }
1936
1937 .usk-glossy-grid .usk-item:hover .usk-shoping a {
1938 transform: translateY(0px);
1939 }
1940 .usk-glossy-grid .usk-item-box {
1941 z-index: 1;
1942 }
1943 .usk-glossy-grid .usk-shoping {
1944 top: clamp(10px, 1vw, 25px);
1945 left: clamp(10px, 1vw, 25px);
1946 }
1947 .usk-glossy-grid .usk-shoping a {
1948 transform: translateY(-10px);
1949 }
1950 .usk-glossy-grid .usk-badge-label-wrapper {
1951 right: 0;
1952 top: 0;
1953 }
1954 .usk-glossy-grid .usk-product-hover {
1955 position: absolute;
1956 transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
1957 transform: scale(0.95) translateY(0) translateZ(0);
1958 display: block;
1959 height: calc(100% + 24px);
1960 width: calc(100% + 24px);
1961 z-index: 0;
1962 top: -12px;
1963 left: -12px;
1964 }
1965 .usk-glossy-grid .usk-product-hover:before {
1966 content: "";
1967 position: absolute;
1968 z-index: -1;
1969 width: 100%;
1970 height: 100%;
1971 top: 0;
1972 left: 0;
1973 transform-origin: center;
1974 opacity: 0;
1975 transition: opacity 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
1976 box-shadow: 0 8px 55px rgba(0, 0, 0, 0.15);
1977 }
1978 .usk-glossy-grid .usk-item:hover .usk-product-hover {
1979 transform: scale(1) translateY(0) translateZ(0);
1980 }
1981 .usk-glossy-grid .usk-item:hover .usk-product-hover:before {
1982 opacity: 1;
1983 pointer-events: all;
1984 }
1985
1986 .usk-glossy-carousel .usk-item {
1987 overflow: inherit;
1988 }
1989 .usk-glossy-carousel .usk-item:hover .usk-shoping a {
1990 transform: translateY(0px);
1991 }
1992 .usk-glossy-carousel .usk-item-box {
1993 z-index: 1;
1994 }
1995 .usk-glossy-carousel .usk-shoping {
1996 top: clamp(10px, 1vw, 25px);
1997 left: clamp(10px, 1vw, 25px);
1998 }
1999 .usk-glossy-carousel .usk-shoping a {
2000 transform: translateY(-10px);
2001 }
2002 .usk-glossy-carousel .usk-badge-label-wrapper {
2003 right: 0;
2004 top: 0;
2005 }
2006 .usk-glossy-carousel .usk-product-hover {
2007 position: absolute;
2008 transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
2009 transform: scale(0.95) translateY(0) translateZ(0);
2010 display: block;
2011 height: calc(100% + 24px);
2012 width: calc(100% + 24px);
2013 z-index: 0;
2014 top: -12px;
2015 left: -12px;
2016 }
2017 .usk-glossy-carousel .usk-product-hover:before {
2018 content: "";
2019 position: absolute;
2020 z-index: -1;
2021 width: 100%;
2022 height: 100%;
2023 top: 0;
2024 left: 0;
2025 transform-origin: center;
2026 opacity: 0;
2027 transition: opacity 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
2028 box-shadow: 0 8px 55px rgba(0, 0, 0, 0.15);
2029 }
2030 .usk-glossy-carousel .usk-item:hover .usk-product-hover {
2031 transform: scale(1) translateY(0) translateZ(0);
2032 }
2033 .usk-glossy-carousel .usk-item:hover .usk-product-hover:before {
2034 opacity: 1;
2035 pointer-events: all;
2036 }
2037
2038 .usk-product-accordion .usk-accordion-trigger {
2039 font: bold clamp(14px, 1vw, 18px) "Arial", sans-serif;
2040 color: #ffffff;
2041 text-align: left;
2042 width: 100%;
2043 padding: 15px;
2044 display: block;
2045 cursor: pointer;
2046 background-color: transparent;
2047 -webkit-transition: color 0.25s ease;
2048 transition: color 0.25s ease;
2049 position: relative;
2050 text-decoration: none;
2051 margin: 0;
2052 border: 0;
2053 transition: all 0.3s ease;
2054 overflow: hidden;
2055 }
2056 .usk-product-accordion .usk-accordion-trigger::after {
2057 content: "+";
2058 transform: translate(0, -50%);
2059 position: absolute;
2060 right: -1px;
2061 top: 50%;
2062 display: inline-flex;
2063 align-items: center;
2064 justify-content: center;
2065 }
2066 .usk-product-accordion .usk-accordion-trigger:focus {
2067 color: #808080;
2068 }
2069 .usk-product-accordion .usk-accordion-header {
2070 background-color: #e91e63;
2071 }
2072 .usk-product-accordion .usk-accordion {
2073 border-radius: 8px;
2074 box-sizing: border-box;
2075 text-decoration: none;
2076 margin: 0;
2077 overflow: hidden;
2078 }
2079 .usk-product-accordion .usk-accordion:nth-last-child(1) {
2080 margin-bottom: 0 !important;
2081 }
2082 .usk-product-accordion .usk-accordion .usk-item-box {
2083 overflow: hidden;
2084 transition-property: height, visibility;
2085 transition-timing-function: ease;
2086 margin: 0;
2087 }
2088 .usk-product-accordion .usk-accordion.js-enabled .usk-item-box {
2089 visibility: hidden;
2090 }
2091 .usk-product-accordion .usk-accordion:not(.js-enabled) .usk-item-box {
2092 height: 0;
2093 }
2094 .usk-product-accordion .usk-accordion.usk-active .usk-item-box {
2095 visibility: visible;
2096 }
2097 .usk-product-accordion .usk-accordion.usk-active .usk-accordion-trigger::after {
2098 content: "";
2099 }
2100 .usk-product-accordion .usk-single-item {
2101 display: grid;
2102 grid-template-columns: repeat(1, 1fr);
2103 background: #fff;
2104 padding: clamp(20px, 2vw, 30px);
2105 position: relative;
2106 }
2107 .usk-product-accordion .usk-single-item-box {
2108 position: relative;
2109 gap: 20px;
2110 }
2111 .usk-product-accordion .usk-image {
2112 width: 100%;
2113 height: 100%;
2114 overflow: hidden;
2115 }
2116 .usk-product-accordion .usk-image a img {
2117 width: 100%;
2118 height: 100%;
2119 }
2120 .usk-product-accordion .usk-content-wrapper {
2121 width: 100%;
2122 }
2123 .usk-product-accordion .usk-category {
2124 margin-bottom: 15px;
2125 }
2126 .usk-product-accordion .usk-category a {
2127 text-decoration: none;
2128 font-size: 12px;
2129 font-weight: 500;
2130 border: 1px solid #e91e63;
2131 padding: 5px 15px;
2132 text-transform: uppercase;
2133 color: #e91e63;
2134 transition: all 0.3s ease;
2135 }
2136 .usk-product-accordion .usk-category a:hover {
2137 background: #e91e63;
2138 color: #fff;
2139 }
2140 .usk-product-accordion .usk-price {
2141 color: #32393b;
2142 font-size: 16px;
2143 font-weight: 700;
2144 margin-bottom: 10px;
2145 }
2146 .usk-product-accordion .usk-price del {
2147 color: #a09c9c;
2148 font-weight: 400;
2149 }
2150 .usk-product-accordion .usk-price ins {
2151 text-decoration: none;
2152 padding-left: 8px;
2153 }
2154 .usk-product-accordion .usk-desc {
2155 font-size: 14px;
2156 color: #6f6f6f;
2157 max-width: 500px;
2158 margin-bottom: 10px;
2159 }
2160 .usk-product-accordion .usk-rating {
2161 margin-bottom: 15px;
2162 display: inline-block;
2163 }
2164 .usk-product-accordion .usk-shoping {
2165 display: flex;
2166 align-items: center;
2167 grid-column-gap: 10px;
2168 }
2169 .usk-product-accordion .usk-shoping .usk-button {
2170 position: relative;
2171 }
2172 .usk-product-accordion .usk-shoping .usk-button.added {
2173 display: none;
2174 transition: all 3s ease-in-out;
2175 }
2176 .usk-product-accordion .usk-shoping .usk-button.loading::after {
2177 content: "";
2178 width: 12px;
2179 height: 12px;
2180 border: 2px dotted #fff;
2181 border-radius: 50%;
2182 display: inline-block;
2183 position: absolute;
2184 top: 35%;
2185 margin-left: -12px;
2186 text-align: center;
2187 animation: rotation 2s linear infinite;
2188 }
2189 .usk-product-accordion .usk-shoping .usk-button.loading i {
2190 transition: all 0.3s ease-in-out;
2191 transform: translate(70px);
2192 opacity: 0.02;
2193 }
2194 .usk-product-accordion .usk-shoping .added_to_cart {
2195 transition: all 3s ease;
2196 }
2197 .usk-product-accordion .usk-shoping .added_to_cart::after {
2198 content: "";
2199 margin-left: 5px;
2200 font-size: 13px;
2201 }
2202 .usk-product-accordion .usk-shoping .added_to_cart i {
2203 display: none;
2204 }
2205 .usk-product-accordion .usk-shoping .usk-button,
2206 .usk-product-accordion .usk-shoping .added_to_cart {
2207 background: #2b2d42;
2208 display: inline-block;
2209 padding: 11px 22px;
2210 color: #fff;
2211 font-size: 12px;
2212 font-weight: 700;
2213 text-transform: capitalize;
2214 transition: all 0.3s ease;
2215 }
2216 .usk-product-accordion .usk-shoping .usk-button a,
2217 .usk-product-accordion .usk-shoping .added_to_cart a {
2218 color: #fff;
2219 }
2220 .usk-product-accordion .usk-shoping .usk-button .button-icon,
2221 .usk-product-accordion .usk-shoping .added_to_cart .button-icon {
2222 margin-left: -5px;
2223 transition: all 0.3s ease;
2224 opacity: 0;
2225 visibility: hidden;
2226 }
2227 .usk-product-accordion .usk-shoping .usk-button:hover .button-icon,
2228 .usk-product-accordion .usk-shoping .added_to_cart:hover .button-icon {
2229 margin-left: 10px;
2230 opacity: 1;
2231 visibility: visible;
2232 }
2233 .usk-product-accordion .usk-shoping .usk-action-btn {
2234 display: inline-block;
2235 text-decoration: none;
2236 text-align: center;
2237 padding: 7px 12px;
2238 border: 1px solid #2b2d42;
2239 }
2240 .usk-product-accordion .usk-shoping .usk-shoping-icon-wishlist {
2241 color: #2b2d42;
2242 transition: all 0.3s ease;
2243 }
2244 .usk-product-accordion .usk-shoping .usk-shoping-icon-wishlist:hover {
2245 color: #fff;
2246 background: #000;
2247 }
2248 .usk-product-accordion .usk-shoping .usk-compare {
2249 color: #2b2d42;
2250 transition: all 0.3s ease;
2251 }
2252 .usk-product-accordion .usk-shoping .usk-compare:hover {
2253 color: #fff;
2254 background: #000;
2255 }
2256 .usk-product-accordion .usk-shoping .usk-shoping-icon-quickview {
2257 color: #2b2d42;
2258 transition: all 0.3s ease;
2259 }
2260 .usk-product-accordion .usk-shoping .usk-shoping-icon-quickview:hover {
2261 color: #fff;
2262 background: #000;
2263 }
2264 .usk-product-accordion .usk-badge-label-wrapper {
2265 position: absolute;
2266 top: 0;
2267 right: 0;
2268 margin: 10px;
2269 }
2270
2271 @media (min-width: 768px) {
2272 .usk-product-accordion .usk-badge-label-wrapper {
2273 margin: 0;
2274 }
2275 }
2276 @keyframes rotation {
2277 0% {
2278 transform: rotate(0deg);
2279 }
2280 100% {
2281 transform: rotate(360deg);
2282 }
2283 }
2284 .usk-product-category .usk-grid {
2285 grid-template-columns: repeat(1, 1fr);
2286 grid-gap: 20px;
2287 display: grid;
2288 text-decoration: none;
2289 margin: 0 auto;
2290 }
2291 .usk-product-category .category-link {
2292 text-decoration: none;
2293 }
2294 .usk-product-category .usk-item {
2295 position: relative;
2296 transition: all 0.3s ease;
2297 overflow: hidden;
2298 }
2299 .usk-product-category .usk-content {
2300 position: absolute;
2301 }
2302 .usk-product-category .usk-image {
2303 width: 100%;
2304 height: 100%;
2305 overflow: hidden;
2306 }
2307 .usk-product-category .usk-image img {
2308 width: 100%;
2309 height: 100%;
2310 object-fit: cover;
2311 }
2312 .usk-product-category .title {
2313 font-weight: 600;
2314 line-height: 22px;
2315 margin: 0;
2316 text-decoration: none;
2317 transition: all 0.25s ease;
2318 }
2319 .usk-product-category .usk-category-count {
2320 font-size: 13px;
2321 text-transform: uppercase;
2322 margin: 0;
2323 transition: all 0.25s ease;
2324 }
2325 .usk-product-category.style-1 .usk-item {
2326 border-radius: 5px;
2327 }
2328 .usk-product-category.style-1 .usk-item:hover .usk-content {
2329 background: #0c0d0e;
2330 }
2331 .usk-product-category.style-1 .usk-item:hover .title {
2332 color: #fff;
2333 }
2334 .usk-product-category.style-1 .usk-item:hover .usk-category-count span {
2335 opacity: 0;
2336 }
2337 .usk-product-category.style-1 .usk-item:hover .usk-category-count i {
2338 color: #fff;
2339 opacity: 1;
2340 right: 0;
2341 }
2342 .usk-product-category.style-1 .usk-item:hover .usk-image img {
2343 transform: scale(1.1);
2344 }
2345 .usk-product-category.style-1 .usk-content {
2346 padding: 12px 20px;
2347 border-radius: 4px;
2348 background: #fff;
2349 bottom: 0;
2350 left: 0;
2351 right: 0;
2352 margin: clamp(15px, 2vw, 30px);
2353 transition: all 0.25s ease;
2354 display: flex;
2355 justify-content: space-between;
2356 align-items: center;
2357 gap: 10px;
2358 }
2359 .usk-product-category.style-1 .title {
2360 color: #0c0d0e;
2361 font-size: 16px;
2362 }
2363 .usk-product-category.style-1 .usk-category-count {
2364 position: relative;
2365 display: flex;
2366 align-items: center;
2367 flex-shrink: 0;
2368 font-size: 12px;
2369 font-weight: 600;
2370 color: #828282;
2371 gap: 5px;
2372 }
2373 .usk-product-category.style-1 .usk-category-count i {
2374 color: #0c0d0e;
2375 font-size: 17px;
2376 position: absolute;
2377 right: -10px;
2378 transition: 0.25s cubic-bezier(0.5, 1, 0.89, 1);
2379 opacity: 0;
2380 }
2381 .usk-product-category.style-1 .usk-image img {
2382 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2383 will-change: transform;
2384 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2385 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2386 }
2387 .usk-product-category.style-2 .usk-item:hover .usk-image img {
2388 transform: scale(1.1);
2389 }
2390 .usk-product-category.style-2 .usk-item:hover .usk-category-count {
2391 background: #0c0d0e;
2392 color: #fff;
2393 }
2394 .usk-product-category.style-2 .usk-item:hover .usk-category-count i {
2395 transform: translateX(0px);
2396 opacity: 1;
2397 }
2398 .usk-product-category.style-2 .usk-item:hover .usk-count-number {
2399 opacity: 0;
2400 transform: translateX(15px);
2401 }
2402 .usk-product-category.style-2 .usk-image img {
2403 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2404 will-change: transform;
2405 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2406 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2407 }
2408 .usk-product-category.style-2 .usk-content {
2409 bottom: 0;
2410 left: 0;
2411 right: 0;
2412 display: flex;
2413 align-items: center;
2414 justify-content: space-between;
2415 padding: clamp(20px, 2vw, 30px);
2416 }
2417 .usk-product-category.style-2 .title {
2418 color: #0c0d0e;
2419 font-size: clamp(18px, 2vw, 24px);
2420 }
2421 .usk-product-category.style-2 .usk-category-count {
2422 color: #0c0d0e;
2423 background: #fff;
2424 display: inline-flex;
2425 align-items: center;
2426 justify-content: center;
2427 font-size: 16px;
2428 border-radius: 40px;
2429 height: 48px;
2430 width: 48px;
2431 position: relative;
2432 overflow: hidden;
2433 transition: all 0.25s ease;
2434 }
2435 .usk-product-category.style-2 .usk-category-count i {
2436 position: absolute;
2437 opacity: 0;
2438 transform: translateX(-25px);
2439 transition: transform 0.25s ease;
2440 }
2441 .usk-product-category.style-2 .usk-count-number {
2442 transition: all 0.25s ease;
2443 }
2444 .usk-product-category.style-2 .usk-count-text {
2445 display: none;
2446 }
2447 .usk-product-category.style-3 .usk-item:hover .usk-image img {
2448 transform: scale(1.1);
2449 }
2450 .usk-product-category.style-3 .usk-item:hover .title {
2451 transform: translateY(0);
2452 }
2453 .usk-product-category.style-3 .usk-item:hover .usk-category-count {
2454 opacity: 1;
2455 transform: translateY(0);
2456 }
2457 .usk-product-category.style-3 .usk-image img {
2458 transition: all 0.3s ease;
2459 }
2460 .usk-product-category.style-3 .usk-content {
2461 bottom: 0;
2462 padding: 28px;
2463 overflow: hidden;
2464 width: 100%;
2465 }
2466 .usk-product-category.style-3 .title {
2467 color: #0c0d0e;
2468 font-size: clamp(18px, 2vw, 24px);
2469 transform: translateY(30px);
2470 margin-bottom: 8px;
2471 line-height: 1.2;
2472 overflow: hidden;
2473 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;
2474 }
2475 .usk-product-category.style-3 .usk-category-count {
2476 color: #828282;
2477 opacity: 0;
2478 transform: translateY(25px);
2479 overflow: hidden;
2480 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;
2481 }
2482 .usk-product-category.style-3 .usk-category-count i {
2483 display: none;
2484 }
2485 .usk-product-category.style-4 .usk-item {
2486 display: flex;
2487 align-items: center;
2488 justify-content: center;
2489 }
2490 .usk-product-category.style-4 .usk-item:hover .usk-image img {
2491 transform: scale(1.1);
2492 }
2493 .usk-product-category.style-4 .usk-item:hover .title {
2494 opacity: 0;
2495 }
2496 .usk-product-category.style-4 .usk-item:hover .usk-category-count {
2497 opacity: 1;
2498 transform: translateY(-20px);
2499 }
2500 .usk-product-category.style-4 .usk-image img {
2501 transition: all 0.3s ease;
2502 }
2503 .usk-product-category.style-4 .usk-content {
2504 top: 50%;
2505 transform: translateY(-50%);
2506 text-align: center;
2507 }
2508 .usk-product-category.style-4 .title {
2509 background: #2b2d42;
2510 padding: 5px 10px;
2511 border-radius: 2px;
2512 color: #fff;
2513 font-size: 14px;
2514 transform: translateY(20px);
2515 opacity: 1;
2516 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;
2517 }
2518 .usk-product-category.style-4 .usk-category-count {
2519 padding: 5px 10px;
2520 color: #fff;
2521 background: #d90429;
2522 border-radius: 3px;
2523 transform: translateY(-10px);
2524 opacity: 0;
2525 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;
2526 }
2527 .usk-product-category.style-4 .usk-category-count i {
2528 display: none;
2529 }
2530 .usk-product-category.style-5 .usk-item:hover {
2531 box-shadow: 0px 9px 16px -4px rgba(0, 0, 0, 0.23);
2532 transition: all 0.3s ease;
2533 }
2534 .usk-product-category.style-5 .title {
2535 color: #0c0d0e;
2536 font-size: clamp(18px, 2vw, 24px);
2537 margin-bottom: 8px;
2538 }
2539 .usk-product-category.style-5 .usk-content {
2540 text-align: center;
2541 padding: 20px 30px;
2542 border-radius: 5px;
2543 width: max-content;
2544 top: 50%;
2545 left: 50%;
2546 transform: translate(-50%, -50%);
2547 border: 1px solid #e2e2e2;
2548 backdrop-filter: blur(15px);
2549 background: rgba(255, 255, 255, 0.22);
2550 }
2551 .usk-product-category.style-5 .usk-category-count {
2552 color: #828282;
2553 }
2554 .usk-product-category.style-5 .usk-category-count i {
2555 display: none;
2556 }
2557 .usk-product-category.style-6 .usk-item {
2558 display: flex;
2559 align-items: center;
2560 grid-gap: 15px;
2561 border: 0;
2562 }
2563 .usk-product-category.style-6 .usk-content {
2564 position: relative;
2565 }
2566 .usk-product-category.style-6 .usk-image {
2567 width: 60px;
2568 height: 60px;
2569 padding: 5px;
2570 border-radius: 60px;
2571 border: 1px solid #ddd;
2572 overflow: hidden;
2573 }
2574 .usk-product-category.style-6 .usk-image img {
2575 border-radius: 60px;
2576 }
2577 .usk-product-category.style-6 .usk-category-count {
2578 display: none;
2579 }
2580 .usk-product-category.style-6 .title {
2581 font-size: clamp(16px, 2vw, 18px);
2582 color: #0c0d0e;
2583 }
2584
2585 @media (min-width: 768px) {
2586 .usk-product-category .usk-grid {
2587 grid-template-columns: repeat(2, 1fr);
2588 }
2589 }
2590 @media (min-width: 1024px) {
2591 .usk-product-category .usk-grid {
2592 grid-template-columns: repeat(3, 1fr);
2593 }
2594 }
2595 @keyframes lazy-fadeIn {
2596 0% {
2597 opacity: 0;
2598 }
2599 to {
2600 opacity: 1;
2601 }
2602 }
2603 .usk-product-category-carousel .category-link {
2604 text-decoration: none;
2605 }
2606 .usk-product-category-carousel .usk-item {
2607 position: relative;
2608 transition: all 0.3s ease;
2609 overflow: hidden;
2610 height: auto;
2611 }
2612 .usk-product-category-carousel .usk-content {
2613 position: absolute;
2614 }
2615 .usk-product-category-carousel .usk-image {
2616 width: 100%;
2617 height: 100%;
2618 overflow: hidden;
2619 }
2620 .usk-product-category-carousel .usk-image img {
2621 width: 100%;
2622 height: 100%;
2623 object-fit: cover;
2624 }
2625 .usk-product-category-carousel .title {
2626 font-weight: 600;
2627 line-height: 22px;
2628 margin: 0;
2629 text-decoration: none;
2630 transition: all 0.25s ease;
2631 }
2632 .usk-product-category-carousel .usk-category-count {
2633 font-size: 13px;
2634 text-transform: uppercase;
2635 margin: 0;
2636 transition: all 0.25s ease;
2637 }
2638 .usk-product-category-carousel.style-1 .usk-item {
2639 border-radius: 5px;
2640 }
2641 .usk-product-category-carousel.style-1 .usk-item:hover .usk-content {
2642 background: #0c0d0e;
2643 }
2644 .usk-product-category-carousel.style-1 .usk-item:hover .title {
2645 color: #fff;
2646 }
2647 .usk-product-category-carousel.style-1 .usk-item:hover .usk-category-count span {
2648 opacity: 0;
2649 }
2650 .usk-product-category-carousel.style-1 .usk-item:hover .usk-category-count i {
2651 color: #fff;
2652 opacity: 1;
2653 right: 0;
2654 }
2655 .usk-product-category-carousel.style-1 .usk-item:hover .usk-image img {
2656 transform: scale(1.1);
2657 }
2658 .usk-product-category-carousel.style-1 .usk-content {
2659 padding: 12px 20px;
2660 border-radius: 4px;
2661 background: #fff;
2662 bottom: 0;
2663 left: 0;
2664 right: 0;
2665 margin: clamp(15px, 2vw, 30px);
2666 transition: all 0.25s ease;
2667 display: flex;
2668 justify-content: space-between;
2669 align-items: center;
2670 gap: 10px;
2671 }
2672 .usk-product-category-carousel.style-1 .title {
2673 color: #0c0d0e;
2674 font-size: 16px;
2675 }
2676 .usk-product-category-carousel.style-1 .usk-category-count {
2677 position: relative;
2678 display: flex;
2679 align-items: center;
2680 flex-shrink: 0;
2681 font-size: 12px;
2682 font-weight: 600;
2683 color: #828282;
2684 gap: 5px;
2685 }
2686 .usk-product-category-carousel.style-1 .usk-category-count i {
2687 color: #0c0d0e;
2688 font-size: 17px;
2689 position: absolute;
2690 right: -10px;
2691 transition: 0.25s cubic-bezier(0.5, 1, 0.89, 1);
2692 opacity: 0;
2693 }
2694 .usk-product-category-carousel.style-1 .usk-image img {
2695 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2696 will-change: transform;
2697 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2698 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2699 }
2700 .usk-product-category-carousel.style-2 .usk-item:hover .usk-image img {
2701 transform: scale(1.1);
2702 }
2703 .usk-product-category-carousel.style-2 .usk-item:hover .usk-category-count {
2704 background: #0c0d0e;
2705 color: #fff;
2706 }
2707 .usk-product-category-carousel.style-2 .usk-item:hover .usk-category-count i {
2708 transform: translateX(0px);
2709 opacity: 1;
2710 }
2711 .usk-product-category-carousel.style-2 .usk-item:hover .usk-count-number {
2712 opacity: 0;
2713 transform: translateX(15px);
2714 }
2715 .usk-product-category-carousel.style-2 .usk-image img {
2716 transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
2717 will-change: transform;
2718 animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2719 -webkit-animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) lazy-fadeIn;
2720 }
2721 .usk-product-category-carousel.style-2 .usk-content {
2722 bottom: 0;
2723 left: 0;
2724 right: 0;
2725 display: flex;
2726 align-items: center;
2727 justify-content: space-between;
2728 padding: clamp(20px, 2vw, 30px);
2729 }
2730 .usk-product-category-carousel.style-2 .title {
2731 color: #0c0d0e;
2732 font-size: clamp(18px, 2vw, 24px);
2733 }
2734 .usk-product-category-carousel.style-2 .usk-category-count {
2735 color: #0c0d0e;
2736 background: #fff;
2737 display: inline-flex;
2738 align-items: center;
2739 justify-content: center;
2740 font-size: 16px;
2741 border-radius: 40px;
2742 height: 48px;
2743 width: 48px;
2744 position: relative;
2745 overflow: hidden;
2746 transition: all 0.25s ease;
2747 }
2748 .usk-product-category-carousel.style-2 .usk-category-count i {
2749 position: absolute;
2750 opacity: 0;
2751 transform: translateX(-25px);
2752 transition: transform 0.25s ease;
2753 }
2754 .usk-product-category-carousel.style-2 .usk-count-number {
2755 transition: all 0.25s ease;
2756 }
2757 .usk-product-category-carousel.style-2 .usk-count-text {
2758 display: none;
2759 }
2760 .usk-product-category-carousel.style-3 .usk-item:hover .usk-image img {
2761 transform: scale(1.1);
2762 }
2763 .usk-product-category-carousel.style-3 .usk-item:hover .title {
2764 transform: translateY(0);
2765 }
2766 .usk-product-category-carousel.style-3 .usk-item:hover .usk-category-count {
2767 opacity: 1;
2768 transform: translateY(0);
2769 }
2770 .usk-product-category-carousel.style-3 .usk-image img {
2771 transition: all 0.3s ease;
2772 }
2773 .usk-product-category-carousel.style-3 .usk-content {
2774 bottom: 0;
2775 padding: 28px;
2776 overflow: hidden;
2777 width: 100%;
2778 }
2779 .usk-product-category-carousel.style-3 .title {
2780 color: #0c0d0e;
2781 font-size: clamp(18px, 2vw, 24px);
2782 transform: translateY(30px);
2783 margin-bottom: 8px;
2784 line-height: 1.2;
2785 overflow: hidden;
2786 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;
2787 }
2788 .usk-product-category-carousel.style-3 .usk-category-count {
2789 color: #828282;
2790 opacity: 0;
2791 transform: translateY(25px);
2792 overflow: hidden;
2793 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;
2794 }
2795 .usk-product-category-carousel.style-3 .usk-category-count i {
2796 display: none;
2797 }
2798 .usk-product-category-carousel.style-4 .usk-item {
2799 display: flex;
2800 align-items: center;
2801 justify-content: center;
2802 }
2803 .usk-product-category-carousel.style-4 .usk-item:hover .usk-image img {
2804 transform: scale(1.1);
2805 }
2806 .usk-product-category-carousel.style-4 .usk-item:hover .title {
2807 opacity: 0;
2808 }
2809 .usk-product-category-carousel.style-4 .usk-item:hover .usk-category-count {
2810 opacity: 1;
2811 transform: translateY(-20px);
2812 }
2813 .usk-product-category-carousel.style-4 .usk-image img {
2814 transition: all 0.3s ease;
2815 }
2816 .usk-product-category-carousel.style-4 .usk-content {
2817 top: 50%;
2818 transform: translateY(-50%);
2819 text-align: center;
2820 }
2821 .usk-product-category-carousel.style-4 .title {
2822 background: #2b2d42;
2823 padding: 5px 10px;
2824 border-radius: 2px;
2825 color: #fff;
2826 font-size: 14px;
2827 transform: translateY(20px);
2828 opacity: 1;
2829 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;
2830 }
2831 .usk-product-category-carousel.style-4 .usk-category-count {
2832 padding: 5px 10px;
2833 color: #fff;
2834 background: #d90429;
2835 border-radius: 3px;
2836 transform: translateY(-10px);
2837 opacity: 0;
2838 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;
2839 }
2840 .usk-product-category-carousel.style-4 .usk-category-count i {
2841 display: none;
2842 }
2843 .usk-product-category-carousel.style-5 .usk-item:hover {
2844 box-shadow: 0px 9px 16px -4px rgba(0, 0, 0, 0.23);
2845 transition: all 0.3s ease;
2846 }
2847 .usk-product-category-carousel.style-5 .title {
2848 color: #0c0d0e;
2849 font-size: clamp(18px, 2vw, 24px);
2850 margin-bottom: 8px;
2851 }
2852 .usk-product-category-carousel.style-5 .usk-content {
2853 text-align: center;
2854 padding: 20px 30px;
2855 border-radius: 5px;
2856 width: max-content;
2857 top: 50%;
2858 left: 50%;
2859 transform: translate(-50%, -50%);
2860 border: 1px solid #e2e2e2;
2861 backdrop-filter: blur(15px);
2862 background: rgba(255, 255, 255, 0.22);
2863 }
2864 .usk-product-category-carousel.style-5 .usk-category-count {
2865 color: #828282;
2866 }
2867 .usk-product-category-carousel.style-5 .usk-category-count i {
2868 display: none;
2869 }
2870 .usk-product-category-carousel.style-6 .usk-item {
2871 display: flex;
2872 align-items: center;
2873 grid-gap: 15px;
2874 border: 0;
2875 }
2876 .usk-product-category-carousel.style-6 .usk-content {
2877 position: relative;
2878 }
2879 .usk-product-category-carousel.style-6 .usk-image {
2880 width: 60px;
2881 height: 60px;
2882 padding: 5px;
2883 border-radius: 60px;
2884 border: 1px solid #ddd;
2885 overflow: hidden;
2886 }
2887 .usk-product-category-carousel.style-6 .usk-image img {
2888 border-radius: 60px;
2889 }
2890 .usk-product-category-carousel.style-6 .usk-category-count {
2891 display: none;
2892 }
2893 .usk-product-category-carousel.style-6 .title {
2894 font-size: clamp(16px, 2vw, 18px);
2895 color: #0c0d0e;
2896 }
2897
2898 @keyframes lazy-fadeIn {
2899 0% {
2900 opacity: 0;
2901 }
2902 to {
2903 opacity: 1;
2904 }
2905 }
2906 .usk-product-image-accordion .usk-grid-wrap {
2907 display: block;
2908 }
2909 .usk-product-image-accordion .usk-item {
2910 width: 100%;
2911 height: clamp(350px, 55vw, 500px);
2912 flex: 1 0 10em;
2913 transition: flex-basis 0.5s cubic-bezier(0.2, 0.48, 0.58, 1), -ms-flex-preferred-size 0.4s ease-in-out;
2914 cursor: pointer;
2915 }
2916 .usk-product-image-accordion .usk-item:hover {
2917 flex-basis: 20em;
2918 }
2919 .usk-product-image-accordion .usk-item:hover .usk-content {
2920 transform: translateY(0);
2921 }
2922 .usk-product-image-accordion .usk-item:hover .usk-shoping a {
2923 transform: translateX(0);
2924 opacity: 1;
2925 visibility: visible;
2926 }
2927 .usk-product-image-accordion .usk-item-box {
2928 position: relative;
2929 width: 100%;
2930 height: 100%;
2931 transition: all 0.3s ease;
2932 }
2933 .usk-product-image-accordion .usk-item-box::before {
2934 position: absolute;
2935 content: "";
2936 width: 100%;
2937 height: 100%;
2938 transition: all 0.3s ease;
2939 }
2940 .usk-product-image-accordion .usk-image-wrap {
2941 height: 100%;
2942 }
2943 .usk-product-image-accordion .usk-image-wrap .usk-image {
2944 height: 100%;
2945 position: relative;
2946 }
2947 .usk-product-image-accordion .usk-image-wrap .usk-image::before {
2948 content: "";
2949 position: absolute;
2950 bottom: 0;
2951 left: 0;
2952 width: 100%;
2953 height: 62%;
2954 background-image: linear-gradient(24deg, #000000, transparent, rgba(255, 0, 0, 0));
2955 }
2956 .usk-product-image-accordion .usk-image-wrap .usk-image a .usk-img {
2957 width: 100%;
2958 height: 100%;
2959 object-fit: cover;
2960 transition: all 0.3s ease;
2961 }
2962 .usk-product-image-accordion .usk-badge-label-wrapper {
2963 position: absolute;
2964 top: 0;
2965 left: 0;
2966 padding: clamp(20px, 2vw, 30px);
2967 }
2968 .usk-product-image-accordion .usk-badge-label-wrapper .usk-badge {
2969 border-radius: 3px;
2970 }
2971 .usk-product-image-accordion .usk-content-box {
2972 position: absolute;
2973 bottom: 0;
2974 left: 0;
2975 padding: clamp(20px, 2vw, 30px);
2976 width: 100%;
2977 }
2978 .usk-product-image-accordion .usk-shoping {
2979 display: flex;
2980 align-items: center;
2981 }
2982 .usk-product-image-accordion .usk-shoping a {
2983 display: flex;
2984 background: #000;
2985 color: #dedede;
2986 transform: translateY(30px);
2987 opacity: 0;
2988 visibility: hidden;
2989 margin-right: 10px;
2990 font-size: clamp(12px, 1vw, 14px);
2991 border-radius: 3px;
2992 padding: clamp(10px, 1vw, 12px);
2993 }
2994 .usk-product-image-accordion .usk-shoping a:hover {
2995 background: #ef233c;
2996 }
2997 .usk-product-image-accordion .usk-shoping a.usk-active {
2998 background: #ef233c;
2999 }
3000 .usk-product-image-accordion .usk-shoping .usk-wishlist {
3001 transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.3s ease;
3002 }
3003 .usk-product-image-accordion .usk-shoping .usk-compare {
3004 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.4s ease;
3005 }
3006 .usk-product-image-accordion .usk-shoping .usk-view {
3007 transition: transform 0.5s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.5s ease;
3008 }
3009 .usk-product-image-accordion .usk-shoping .usk-cart {
3010 transition: transform 0.6s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.6s ease;
3011 }
3012 .usk-product-image-accordion .usk-content {
3013 margin-bottom: 20px;
3014 transform: translateY(50px);
3015 transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.4s ease;
3016 }
3017 .usk-product-image-accordion .usk-category {
3018 margin-bottom: 15px;
3019 display: inline-flex;
3020 gap: 5px;
3021 flex-wrap: wrap;
3022 }
3023 .usk-product-image-accordion .usk-category a {
3024 background: transparent;
3025 border: 1px solid #ef233c;
3026 padding: 4px 12px;
3027 text-decoration: none;
3028 color: #ef233c;
3029 font-size: 10px;
3030 text-transform: uppercase;
3031 font-weight: 500;
3032 border-radius: 3px;
3033 transition: all 0.3s ease;
3034 }
3035 .usk-product-image-accordion .usk-category a:hover {
3036 background: #ef233c;
3037 border: 1px solid #ef233c;
3038 color: #fff;
3039 }
3040 .usk-product-image-accordion .usk-title {
3041 margin-bottom: 10px;
3042 text-decoration: none;
3043 color: #edf2f4;
3044 transition: all 0.3s ease;
3045 display: block;
3046 }
3047 .usk-product-image-accordion .usk-title .title {
3048 font-size: 18px;
3049 line-height: 1.4;
3050 font-weight: 600;
3051 color: inherit;
3052 }
3053 .usk-product-image-accordion .usk-title:hover {
3054 color: #ef233c;
3055 }
3056 .usk-product-image-accordion .usk-price {
3057 display: flex;
3058 align-items: center;
3059 color: #e7e7e7;
3060 font-size: 14px;
3061 font-weight: 700;
3062 margin-bottom: 2px;
3063 }
3064 .usk-product-image-accordion .usk-price del {
3065 font-weight: 500;
3066 }
3067 .usk-product-image-accordion .usk-price ins {
3068 text-decoration: none;
3069 padding-left: 6px;
3070 color: #fff;
3071 }
3072 .usk-product-image-accordion .usk-item .usk-rating .usk-rating i {
3073 color: #efab14;
3074 font-size: 13px;
3075 }
3076
3077 @media (min-width: 768px) {
3078 .usk-product-image-accordion .usk-grid-wrap {
3079 overflow: hidden;
3080 display: flex;
3081 }
3082 .usk-product-image-accordion .usk-content-box {
3083 width: 300px;
3084 }
3085 }
3086 .usk-product-list .usk-list-wrap {
3087 gap: clamp(20px, 2vw, 30px);
3088 }
3089 .usk-product-list .usk-item {
3090 position: relative;
3091 padding: clamp(10px, 1vw, 15px);
3092 border: 1px solid #d5d8dc;
3093 border-radius: 8px;
3094 }
3095 .usk-product-list .usk-item-box {
3096 height: 100%;
3097 }
3098 .usk-product-list .usk-image-wrap {
3099 width: clamp(100px, 10vw, 170px);
3100 min-width: clamp(100px, 10vw, 170px);
3101 height: 100%;
3102 border-radius: 8px;
3103 overflow: hidden;
3104 }
3105 .usk-product-list .usk-image-wrap img {
3106 width: 100%;
3107 height: 100%;
3108 object-fit: cover;
3109 }
3110 .usk-product-list .usk-content {
3111 height: 100%;
3112 width: 100%;
3113 padding: clamp(10px, 1.5vw, 20px);
3114 }
3115 .usk-product-list .usk-title {
3116 color: #2b2d42;
3117 transition: all 0.3s cubic-bezier(0.18, 0.43, 0.58, 1);
3118 }
3119 .usk-product-list .usk-title .title {
3120 font-size: clamp(18px, 1vw, 24px);
3121 font-weight: 700;
3122 line-height: 1.4;
3123 margin-top: 0;
3124 margin-bottom: clamp(10px, 1vw, 15px);
3125 color: inherit;
3126 }
3127 .usk-product-list .usk-item .usk-rating {
3128 display: inline-flex;
3129 margin-bottom: clamp(10px, 1vw, 15px);
3130 }
3131 .usk-product-list .usk-item .usk-rating .star-rating {
3132 margin-top: 0;
3133 }
3134 .usk-product-list .usk-price {
3135 color: #ff2e00;
3136 font-weight: 500;
3137 font-size: clamp(12px, 1vw, 14px);
3138 }
3139 .usk-product-list .usk-price del {
3140 color: #abafb4;
3141 }
3142 .usk-product-list .usk-price ins {
3143 text-decoration: none;
3144 padding-left: 10px;
3145 }
3146 .usk-product-list .usk-badge-label-wrapper {
3147 display: none;
3148 position: absolute;
3149 top: clamp(10px, 1vw, 15px);
3150 right: clamp(10px, 1vw, 15px);
3151 }
3152 .usk-product-list .usk-badge {
3153 border-radius: 4px;
3154 }
3155
3156 @media (min-width: 768px) {
3157 .usk-product-list .usk-badge-label-wrapper {
3158 display: inherit;
3159 }
3160 }
3161 .usk-product-reviews {
3162 grid-gap: 30px;
3163 }
3164 .usk-product-reviews .usk-item {
3165 padding: clamp(20px, 2vw, 30px);
3166 background: #f9fafa;
3167 border-radius: 6px;
3168 position: relative;
3169 }
3170 .usk-product-reviews .usk-avatar-wrap {
3171 gap: clamp(10px, 1vw, 15px);
3172 }
3173 .usk-product-reviews .usk-avatar-img {
3174 border-radius: 4px;
3175 overflow: hidden;
3176 }
3177 .usk-product-reviews .usk-avatar-img img {
3178 object-fit: cover;
3179 }
3180 .usk-product-reviews .usk-author-name {
3181 font-size: 14px;
3182 text-transform: capitalize;
3183 }
3184 .usk-product-reviews .usk-author-name span {
3185 color: #6f6f6f;
3186 font-weight: 400;
3187 }
3188 .usk-product-reviews .usk-author-name a {
3189 color: #666;
3190 font-weight: 600;
3191 }
3192 .usk-product-reviews .usk-author-name a:hover {
3193 color: #D90429;
3194 }
3195 .usk-product-reviews .usk-title {
3196 font-size: clamp(16px, 1.5vw, 18px);
3197 font-weight: 500;
3198 margin-top: 0;
3199 margin-bottom: 10px;
3200 }
3201 .usk-product-reviews .usk-title a {
3202 color: #0c0d0e;
3203 transition: all 0.3s ease;
3204 }
3205 .usk-product-reviews .usk-title a:hover {
3206 color: #D90429;
3207 }
3208 .usk-product-reviews .usk-text {
3209 font-size: clamp(14px, 1vw, 15px);
3210 color: #6f6f6f;
3211 margin-top: clamp(15px, 2vw, 20px);
3212 }
3213 .usk-product-reviews .usk-rating {
3214 position: absolute;
3215 top: -22px;
3216 right: 25px;
3217 }
3218 .usk-product-reviews .usk-rating span .usk-rating-icon {
3219 color: #ffc107;
3220 font-size: 46px;
3221 }
3222 .usk-product-reviews .usk-rating-text {
3223 position: absolute;
3224 top: 50%;
3225 left: 50%;
3226 transform: translate(-50%, -50%);
3227 color: #fff;
3228 font-size: 18px;
3229 margin-top: 2px;
3230 font-weight: 700;
3231 }
3232
3233 .usk-product-review-carousel .usk-item {
3234 padding: clamp(20px, 2vw, 30px);
3235 background: #f9fafa;
3236 border-radius: 6px;
3237 position: relative;
3238 overflow: visible;
3239 height: auto;
3240 margin-top: 20px;
3241 }
3242 .usk-product-review-carousel .usk-avatar-wrap {
3243 gap: clamp(10px, 1vw, 15px);
3244 }
3245 .usk-product-review-carousel .usk-avatar-img {
3246 border-radius: 4px;
3247 overflow: hidden;
3248 }
3249 .usk-product-review-carousel .usk-avatar-img img {
3250 object-fit: cover;
3251 }
3252 .usk-product-review-carousel .usk-author-name {
3253 font-size: 14px;
3254 text-transform: capitalize;
3255 }
3256 .usk-product-review-carousel .usk-author-name span {
3257 color: #6f6f6f;
3258 font-weight: 400;
3259 }
3260 .usk-product-review-carousel .usk-author-name a {
3261 color: #666;
3262 font-weight: 600;
3263 }
3264 .usk-product-review-carousel .usk-author-name a:hover {
3265 color: #D90429;
3266 }
3267 .usk-product-review-carousel .usk-title {
3268 font-size: clamp(16px, 1.5vw, 18px);
3269 font-weight: 500;
3270 margin-top: 0;
3271 margin-bottom: 10px;
3272 }
3273 .usk-product-review-carousel .usk-title a {
3274 color: #0c0d0e;
3275 transition: all 0.3s ease;
3276 }
3277 .usk-product-review-carousel .usk-title a:hover {
3278 color: #D90429;
3279 }
3280 .usk-product-review-carousel .usk-text {
3281 font-size: clamp(14px, 1vw, 15px);
3282 color: #6f6f6f;
3283 margin-top: clamp(15px, 2vw, 20px);
3284 }
3285 .usk-product-review-carousel .usk-rating {
3286 position: absolute;
3287 top: -22px;
3288 right: 25px;
3289 }
3290 .usk-product-review-carousel .usk-rating span .usk-rating-icon {
3291 color: #ffc107;
3292 font-size: 46px;
3293 }
3294 .usk-product-review-carousel .usk-rating-text {
3295 position: absolute;
3296 top: 50%;
3297 left: 50%;
3298 transform: translate(-50%, -50%);
3299 color: #fff;
3300 font-size: 18px;
3301 margin-top: 2px;
3302 font-weight: 700;
3303 }
3304
3305 .usk-wc-products-table {
3306 overflow-x: auto;
3307 }
3308 .usk-wc-products-table .usk-rating {
3309 display: table-cell !important;
3310 }
3311 .usk-wc-products-table .dataTables_wrapper {
3312 margin-bottom: 50px;
3313 }
3314 .usk-wc-products-table .dataTables_wrapper .dataTables_length {
3315 float: left;
3316 }
3317 .usk-wc-products-table .dataTables_wrapper .dataTables_length label {
3318 font-size: 16px;
3319 text-transform: capitalize;
3320 color: #1f2027;
3321 display: flex;
3322 align-items: center;
3323 grid-column-gap: 12px;
3324 }
3325 .usk-wc-products-table .dataTables_wrapper .dataTables_length label select {
3326 height: auto;
3327 width: auto;
3328 border-color: #d0d1e9;
3329 border-radius: 3px;
3330 }
3331 .usk-wc-products-table .dataTables_wrapper .dataTables_info {
3332 float: left;
3333 }
3334 .usk-wc-products-table .dataTables_wrapper .dataTables_paginate {
3335 float: right;
3336 margin-top: 20px;
3337 }
3338 .usk-wc-products-table .dataTables_wrapper .dataTables_paginate a {
3339 display: inline-block;
3340 padding-left: 4px;
3341 padding-right: 4px;
3342 }
3343 .usk-wc-products-table .dataTables_wrapper .dataTables_filter {
3344 float: left;
3345 margin-bottom: 20px;
3346 margin-top: 15px;
3347 }
3348 .usk-wc-products-table .dataTables_wrapper .dataTables_filter label {
3349 font-size: 16px;
3350 font-weight: 500;
3351 color: #403f3f;
3352 text-transform: capitalize;
3353 display: flex;
3354 align-items: center;
3355 }
3356 .usk-wc-products-table .dataTables_wrapper .dataTables_filter label input {
3357 border-radius: 3px;
3358 background-color: transparent;
3359 border: 1px solid #ddd;
3360 padding: 9px 10px;
3361 border-radius: 2px;
3362 margin-left: 8px;
3363 outline: none;
3364 }
3365 .usk-wc-products-table .dataTables_wrapper .dataTables_filter label input:focus {
3366 border: 1px solid #a0a0a0;
3367 border-radius: none;
3368 }
3369 .usk-wc-products-table .usk-wc-product {
3370 width: 100%;
3371 margin: 0 auto;
3372 clear: both;
3373 border-collapse: separate;
3374 border-spacing: 0;
3375 border-collapse: collapse;
3376 text-align: left;
3377 }
3378 .usk-wc-products-table .usk-wc-product th,
3379 .usk-wc-products-table .usk-wc-product td {
3380 padding: 10px 18px;
3381 border-collapse: collapse;
3382 }
3383 .usk-wc-products-table .usk-wc-product thead {
3384 white-space: nowrap;
3385 }
3386 .usk-wc-products-table .usk-wc-product thead th {
3387 display: table-cell;
3388 background: #e62a3f;
3389 color: #fff;
3390 font-size: 16px;
3391 font-weight: 600;
3392 }
3393 .usk-wc-products-table .usk-wc-product thead .shorting {
3394 background-image: none;
3395 }
3396 .usk-wc-products-table .usk-wc-product thead .shorting::before {
3397 content: "";
3398 }
3399 .usk-wc-products-table .usk-wc-product thead .shorting::after {
3400 content: "";
3401 }
3402 .usk-wc-products-table .usk-wc-product tbody .usk-thumb {
3403 width: 60px !important;
3404 }
3405 .usk-wc-products-table .usk-wc-product tbody .usk-title .usk-wc-product-title {
3406 font-size: 16px;
3407 font-weight: 500;
3408 line-height: 1.4;
3409 }
3410 .usk-wc-products-table .usk-wc-product tbody .usk-title .usk-wc-product-title a {
3411 color: #e62a3f;
3412 }
3413 .usk-wc-products-table .usk-wc-product tbody .usk-excerpt {
3414 width: 350px !important;
3415 }
3416 .usk-wc-products-table .usk-wc-product tbody .usk-excerpt .usk-wc-product-excerpt {
3417 font-size: 14px;
3418 color: #7d7575;
3419 line-height: 1.6;
3420 }
3421 .usk-wc-products-table .usk-wc-product tbody .usk-categories .usk-wc-product-categories a {
3422 font-size: 14px;
3423 color: #e62a3f;
3424 font-weight: 500;
3425 }
3426 .usk-wc-products-table .usk-wc-product tbody .usk-price .usk-wc-product-price .price {
3427 font-size: 14px;
3428 font-weight: 500;
3429 color: #5c5959;
3430 margin: 0;
3431 }
3432 .usk-wc-products-table .usk-wc-product tbody .usk-price .usk-wc-product-price .price del {
3433 font-weight: 300;
3434 color: #928f8f;
3435 }
3436 .usk-wc-products-table .usk-wc-product tbody .usk-price .usk-wc-product-price .price ins {
3437 background: transparent;
3438 text-decoration: none;
3439 padding-left: 5px;
3440 }
3441 .usk-wc-products-table .usk-wc-product tbody .usk-quick-view-title .usk-shoping-icon-quickview {
3442 background: #e62a3f;
3443 padding: 4px 8px;
3444 color: #fff;
3445 border-radius: 3px;
3446 font-size: 14px;
3447 }
3448 .usk-wc-products-table .usk-wc-product tbody .usk-wc-quantity .quantity input {
3449 height: 37px;
3450 width: 80px;
3451 padding: 5px;
3452 outline: none;
3453 border: 1px solid #dacecf;
3454 color: #716b6b;
3455 border-radius: 3px;
3456 background: transparent;
3457 }
3458 .usk-wc-products-table .usk-wc-product tbody .usk-wc-quantity .quantity input:focus {
3459 border: 1px solid #a8a3a4;
3460 }
3461 .usk-wc-products-table .usk-wc-product .usk-wc-add-to-cart .add_to_cart_button.added {
3462 display: none !important;
3463 }
3464 .usk-wc-products-table .usk-wc-product .usk-wc-add-to-cart .button,
3465 .usk-wc-products-table .usk-wc-product .usk-wc-add-to-cart .added_to_cart {
3466 background: #e62a3f;
3467 width: 100px;
3468 height: 35px;
3469 line-height: 35px;
3470 text-align: center;
3471 font-size: 12px;
3472 color: #fff;
3473 font-weight: 600;
3474 border-radius: 3px;
3475 display: inline-block;
3476 padding: 0;
3477 }
3478 .usk-wc-products-table table:not(.cell-border) th,
3479 .usk-wc-products-table table:not(.cell-border) td {
3480 border: none;
3481 border-block-start: none !important;
3482 }
3483 .usk-wc-products-table .cell-border th {
3484 border: 1px solid #ddd !important;
3485 }
3486
3487 table.dataTable.stripe tbody tr.odd,
3488 table.dataTable.display tbody tr.odd {
3489 background-color: #f9f9f9;
3490 }
3491
3492 @media (min-width: 768px) {
3493 .usk-wc-products-table {
3494 overflow: auto;
3495 }
3496 .usk-wc-products-table .dataTables_wrapper .dataTables_filter {
3497 float: right;
3498 margin-top: 0;
3499 }
3500 }
3501 @media (min-width: 1400px) {
3502 .usk-wc-products-table {
3503 overflow: visible;
3504 }
3505 }
3506 .usk-shiny-grid {
3507 --btn-width: 100%;
3508 }
3509 .usk-shiny-grid .usk-item {
3510 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
3511 overflow: hidden;
3512 }
3513 .usk-shiny-grid .usk-item:hover .usk-action-btn {
3514 transform: translateX(0px);
3515 }
3516 .usk-shiny-grid .usk-item:hover .usk-button,
3517 .usk-shiny-grid .usk-item:hover .added_to_cart {
3518 transform: translateY(0px);
3519 opacity: 1;
3520 visibility: visible;
3521 }
3522 .usk-shiny-grid .usk-action-btn {
3523 transform: translateX(25px);
3524 }
3525 .usk-shiny-grid .usk-shoping {
3526 top: clamp(10px, 1vw, 25px);
3527 right: clamp(10px, 1vw, 25px);
3528 }
3529 .usk-shiny-grid .usk-badge-label-wrapper {
3530 left: 0;
3531 top: 0;
3532 }
3533 .usk-shiny-grid .usk-button.added {
3534 display: none;
3535 transition: all 3s ease-in-out;
3536 }
3537 .usk-shiny-grid .usk-button.loading::after {
3538 content: "";
3539 width: 20px;
3540 height: 20px;
3541 border: 2px dotted #fff;
3542 border-radius: 50%;
3543 margin-left: -15px;
3544 display: inline-block;
3545 position: relative;
3546 position: absolute;
3547 top: 31%;
3548 text-align: center;
3549 animation: rotation 2s linear infinite;
3550 }
3551 .usk-shiny-grid .usk-button.loading i {
3552 transition: all 0.3s ease-in-out;
3553 transform: translate(70px);
3554 opacity: 0.02;
3555 }
3556 .usk-shiny-grid .added_to_cart {
3557 transition: all 3s ease;
3558 }
3559 .usk-shiny-grid .added_to_cart::after {
3560 content: "";
3561 margin-left: 5px;
3562 font-size: 20px;
3563 }
3564 .usk-shiny-grid .added_to_cart i {
3565 display: none;
3566 }
3567 .usk-shiny-grid .usk-button,
3568 .usk-shiny-grid .added_to_cart {
3569 position: absolute;
3570 font-weight: 600;
3571 text-align: center;
3572 left: 0;
3573 bottom: 0;
3574 width: var(--btn-width);
3575 margin: 0 calc((100% - var(--btn-width)) / 2);
3576 background: #2b2d42;
3577 text-decoration: none;
3578 color: #fff;
3579 text-transform: capitalize;
3580 transform: translateY(100%);
3581 opacity: 0;
3582 visibility: hidden;
3583 transition: all 0.3s ease;
3584 }
3585 .usk-shiny-grid .usk-button a,
3586 .usk-shiny-grid .added_to_cart a {
3587 color: #fff;
3588 }
3589 .usk-shiny-grid .usk-button .button-icon:before,
3590 .usk-shiny-grid .added_to_cart .button-icon:before {
3591 margin: -5px;
3592 transition: all 0.3s ease;
3593 opacity: 0;
3594 visibility: hidden;
3595 }
3596 .usk-shiny-grid .usk-button:hover .button-icon:before,
3597 .usk-shiny-grid .added_to_cart:hover .button-icon:before {
3598 margin-left: 10px;
3599 opacity: 1;
3600 visibility: visible;
3601 }
3602 .usk-shiny-grid .usk-grid-layout .usk-price {
3603 margin: 0;
3604 }
3605 .usk-shiny-grid .usk-grid-layout .usk-have-rating .usk-price {
3606 opacity: 1;
3607 transition: all 0.3s ease;
3608 transform: translateY(0);
3609 }
3610 .usk-shiny-grid .usk-grid-layout .usk-have-rating .usk-rating {
3611 transform: translateY(0);
3612 opacity: 0;
3613 transition: all 0.3s ease;
3614 }
3615 .usk-shiny-grid .usk-grid-layout .usk-have-rating:hover .usk-rating {
3616 transform: translateY(-20px);
3617 opacity: 1;
3618 }
3619 .usk-shiny-grid .usk-grid-layout .usk-have-rating:hover .usk-price {
3620 transform: translateY(-20px);
3621 opacity: 0;
3622 visibility: hidden;
3623 }
3624 .usk-shiny-grid .usk-grid-layout .usk-rating {
3625 position: absolute;
3626 width: 100%;
3627 display: flex;
3628 }
3629 .usk-shiny-grid .usk-grid-layout .usk-button,
3630 .usk-shiny-grid .usk-grid-layout .added_to_cart {
3631 height: clamp(40px, 3vw, 50px);
3632 line-height: clamp(40px, 3vw, 50px);
3633 font-size: 14px;
3634 }
3635 .usk-shiny-grid .usk-list-layout .usk-button,
3636 .usk-shiny-grid .usk-list-layout .added_to_cart {
3637 height: clamp(30px, 3vw, 40px);
3638 line-height: clamp(30px, 3vw, 40px);
3639 font-size: 12px;
3640 }
3641
3642 .usk-shiny-carousel {
3643 --btn-width: 100%;
3644 }
3645 .usk-shiny-carousel .usk-item {
3646 box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
3647 overflow: hidden;
3648 }
3649 .usk-shiny-carousel .usk-item:hover .usk-action-btn {
3650 transform: translateX(0px);
3651 }
3652 .usk-shiny-carousel .usk-item:hover .usk-button,
3653 .usk-shiny-carousel .usk-item:hover .added_to_cart {
3654 transform: translateY(0px);
3655 opacity: 1;
3656 visibility: visible;
3657 }
3658 .usk-shiny-carousel .usk-action-btn {
3659 transform: translateX(25px);
3660 }
3661 .usk-shiny-carousel .usk-shoping {
3662 top: clamp(10px, 1vw, 25px);
3663 right: clamp(10px, 1vw, 25px);
3664 }
3665 .usk-shiny-carousel .usk-badge-label-wrapper {
3666 left: 0;
3667 top: 0;
3668 }
3669 .usk-shiny-carousel .usk-button.added {
3670 display: none;
3671 transition: all 3s ease-in-out;
3672 }
3673 .usk-shiny-carousel .usk-button.loading::after {
3674 content: "";
3675 width: 20px;
3676 height: 20px;
3677 border: 2px dotted #fff;
3678 border-radius: 50%;
3679 margin-left: -15px;
3680 display: inline-block;
3681 position: relative;
3682 position: absolute;
3683 top: 31%;
3684 text-align: center;
3685 animation: rotation 2s linear infinite;
3686 }
3687 .usk-shiny-carousel .usk-button.loading i {
3688 transition: all 0.3s ease-in-out;
3689 transform: translate(70px);
3690 opacity: 0.02;
3691 }
3692 .usk-shiny-carousel .added_to_cart {
3693 transition: all 3s ease;
3694 }
3695 .usk-shiny-carousel .added_to_cart::after {
3696 content: "";
3697 margin-left: 5px;
3698 font-size: 20px;
3699 }
3700 .usk-shiny-carousel .added_to_cart i {
3701 display: none;
3702 }
3703 .usk-shiny-carousel .usk-button,
3704 .usk-shiny-carousel .added_to_cart {
3705 position: absolute;
3706 font-weight: 600;
3707 text-align: center;
3708 left: 0;
3709 bottom: 0;
3710 width: var(--btn-width);
3711 margin: 0 calc((100% - var(--btn-width)) / 2);
3712 background: #2b2d42;
3713 text-decoration: none;
3714 color: #fff;
3715 text-transform: capitalize;
3716 transform: translateY(100%);
3717 opacity: 0;
3718 visibility: hidden;
3719 transition: all 0.3s ease;
3720 }
3721 .usk-shiny-carousel .usk-button a,
3722 .usk-shiny-carousel .added_to_cart a {
3723 color: #fff;
3724 }
3725 .usk-shiny-carousel .usk-button .button-icon:before,
3726 .usk-shiny-carousel .added_to_cart .button-icon:before {
3727 margin: -5px;
3728 transition: all 0.3s ease;
3729 opacity: 0;
3730 visibility: hidden;
3731 }
3732 .usk-shiny-carousel .usk-button:hover .button-icon:before,
3733 .usk-shiny-carousel .added_to_cart:hover .button-icon:before {
3734 margin-left: 10px;
3735 opacity: 1;
3736 visibility: visible;
3737 }
3738 .usk-shiny-carousel .usk-have-rating .usk-price {
3739 margin: 0;
3740 opacity: 1;
3741 transition: all 0.3s ease;
3742 transform: translateY(0);
3743 }
3744 .usk-shiny-carousel .usk-have-rating .usk-rating {
3745 transform: translateY(0);
3746 opacity: 0;
3747 transition: all 0.3s ease;
3748 }
3749 .usk-shiny-carousel .usk-have-rating:hover .usk-rating {
3750 transform: translateY(-20px);
3751 opacity: 1;
3752 }
3753 .usk-shiny-carousel .usk-have-rating:hover .usk-price {
3754 transform: translateY(-20px);
3755 opacity: 0;
3756 visibility: hidden;
3757 }
3758 .usk-shiny-carousel .usk-item .usk-rating {
3759 position: absolute;
3760 width: 100%;
3761 display: flex;
3762 }
3763 .usk-shiny-carousel .usk-button,
3764 .usk-shiny-carousel .added_to_cart {
3765 height: clamp(40px, 3vw, 50px);
3766 line-height: clamp(40px, 3vw, 50px);
3767 font-size: 14px;
3768 }
3769
3770 .usk-showcase-slider .usk-item {
3771 background: #fff;
3772 border-radius: 10px;
3773 box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
3774 height: auto;
3775 display: flex;
3776 flex-direction: column;
3777 }
3778 .usk-showcase-slider .usk-item.swiper-slide-active:hover .usk-action-btn {
3779 opacity: 1;
3780 transform: translateY(0);
3781 visibility: visible;
3782 }
3783 .usk-showcase-slider .usk-image-wrap {
3784 position: relative;
3785 z-index: -1;
3786 height: 100%;
3787 display: flex;
3788 }
3789 .usk-showcase-slider .usk-shoping {
3790 position: absolute;
3791 top: 50%;
3792 left: 50%;
3793 transform: translate(-50%, -50%);
3794 display: flex;
3795 gap: 6px;
3796 }
3797 .usk-showcase-slider .usk-action-btn {
3798 display: inline-flex;
3799 padding: 18px;
3800 background: #ef233c;
3801 text-align: center;
3802 font-size: clamp(14px, 2vw, 18px);
3803 color: #edf2f4;
3804 border-radius: 4px;
3805 transform: translateY(50px);
3806 opacity: 0;
3807 visibility: hidden;
3808 }
3809 .usk-showcase-slider .usk-shoping-icon-wishlist {
3810 transition: 0.3s ease, transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99);
3811 }
3812 .usk-showcase-slider .usk-compare {
3813 transition: 0.3s ease, transform 0.5s cubic-bezier(0.17, 0.73, 0.66, 0.99);
3814 }
3815 .usk-showcase-slider .usk-shoping-icon-quickview {
3816 transition: 0.3s ease, transform 0.7s cubic-bezier(0.17, 0.73, 0.66, 0.99);
3817 }
3818 .usk-showcase-slider .usk-price {
3819 font-size: clamp(14px, 2vw, 18px);
3820 font-weight: 700;
3821 color: #69727d;
3822 }
3823 .usk-showcase-slider .usk-price del {
3824 font-weight: 500;
3825 color: #babfc5;
3826 }
3827 .usk-showcase-slider .usk-price ins {
3828 text-decoration: none;
3829 padding-left: 6px;
3830 }
3831 .usk-showcase-slider .product_type_external {
3832 transition: transform 1.2s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 1.2s ease;
3833 }
3834 .usk-showcase-slider .usk-image {
3835 width: 100%;
3836 height: 100%;
3837 object-fit: cover;
3838 }
3839 .usk-showcase-slider .usk-item-box {
3840 padding: clamp(20px, 2vw, 30px);
3841 display: inline-flex;
3842 justify-content: space-between;
3843 align-items: flex-end;
3844 width: 100%;
3845 position: relative;
3846 }
3847 .usk-showcase-slider .usk-title {
3848 color: #2b2d42;
3849 display: block;
3850 transition: all 0.3s ease;
3851 }
3852 .usk-showcase-slider .usk-title .title {
3853 font-size: clamp(18px, 2vw, 30px);
3854 letter-spacing: 1px;
3855 font-weight: bold;
3856 margin: 0;
3857 color: inherit;
3858 }
3859 .usk-showcase-slider .usk-category {
3860 margin-bottom: 20px;
3861 display: flex;
3862 flex-wrap: wrap;
3863 gap: 5px;
3864 }
3865 .usk-showcase-slider .usk-category a {
3866 font-size: clamp(12px, 2vw, 14px);
3867 border-width: 1px;
3868 border-color: #d5d8dc;
3869 border-style: solid;
3870 padding: 4px 8px;
3871 border-radius: 4px;
3872 color: #69727d;
3873 transition: all 0.3s ease;
3874 display: inline-flex;
3875 line-height: 1.2;
3876 }
3877 .usk-showcase-slider .usk-category a:hover {
3878 color: #fff;
3879 border-color: #69727d;
3880 background-color: #69727d;
3881 }
3882 .usk-showcase-slider .usk-price-button-wrap {
3883 text-align: right;
3884 position: relative;
3885 }
3886 .usk-showcase-slider .usk-button.added {
3887 display: none;
3888 transition: all 3s ease-in-out;
3889 }
3890 .usk-showcase-slider .usk-button.loading::after {
3891 content: "";
3892 width: 20px;
3893 height: 20px;
3894 border: 2px dotted #fff;
3895 border-radius: 50%;
3896 margin-left: -15px;
3897 display: inline-block;
3898 position: relative;
3899 position: absolute;
3900 top: 31%;
3901 text-align: center;
3902 animation: rotation 2s linear infinite;
3903 }
3904 .usk-showcase-slider .usk-button.loading i {
3905 transition: all 0.3s ease-in-out;
3906 transform: translate(70px);
3907 opacity: 0.02;
3908 }
3909 .usk-showcase-slider .added_to_cart {
3910 transition: all 3s ease;
3911 }
3912 .usk-showcase-slider .added_to_cart::after {
3913 content: "";
3914 margin-left: 5px;
3915 font-size: 20px;
3916 }
3917 .usk-showcase-slider .added_to_cart i {
3918 display: none;
3919 }
3920 .usk-showcase-slider .usk-button,
3921 .usk-showcase-slider .added_to_cart {
3922 font-weight: 600;
3923 text-align: center;
3924 background: #ef233c;
3925 text-decoration: none;
3926 color: #fff;
3927 text-transform: capitalize;
3928 transition: all 0.3s ease;
3929 width: 33%;
3930 min-width: 125px;
3931 height: clamp(40px, 5vw, 50px);
3932 position: absolute;
3933 right: clamp(20px, 2vw, 30px);
3934 top: 0;
3935 transform: translateY(-50%);
3936 border-radius: 4px;
3937 font-size: clamp(13px, 1.5vw, 16px);
3938 display: flex;
3939 justify-content: center;
3940 align-items: center;
3941 }
3942 .usk-showcase-slider .usk-button a,
3943 .usk-showcase-slider .added_to_cart a {
3944 color: #fff;
3945 }
3946 .usk-showcase-slider .usk-button .button-icon:before,
3947 .usk-showcase-slider .added_to_cart .button-icon:before {
3948 margin: -5px;
3949 transition: all 0.3s ease;
3950 opacity: 0;
3951 visibility: hidden;
3952 }
3953 .usk-showcase-slider .usk-button:hover .button-icon:before,
3954 .usk-showcase-slider .added_to_cart:hover .button-icon:before {
3955 margin-left: 10px;
3956 opacity: 1;
3957 visibility: visible;
3958 }
3959 .usk-showcase-slider .usk-badge-label-wrapper {
3960 position: absolute;
3961 top: 0;
3962 left: 0;
3963 margin: clamp(20px, 2vw, 30px);
3964 }
3965 .usk-showcase-slider .usk-badge-label-wrapper .usk-badge {
3966 border-radius: 3px;
3967 }
3968 .usk-showcase-slider .usk-showcase-slider-wrapper {
3969 padding-bottom: 30px;
3970 }
3971 .usk-showcase-slider .usk-nav {
3972 position: absolute;
3973 top: 50%;
3974 transform: translateY(-50%);
3975 z-index: 1;
3976 cursor: pointer;
3977 }
3978 .usk-showcase-slider .usk-nav i {
3979 background: #ef233c;
3980 width: 40px;
3981 height: 40px;
3982 line-height: 40px;
3983 text-align: center;
3984 font-size: 14px;
3985 color: #edf2f4;
3986 border-radius: 3px;
3987 transition: all 0.3s ease;
3988 }
3989 .usk-showcase-slider .usk-nav i:hover {
3990 background: #d90429;
3991 }
3992 .usk-showcase-slider .bdt-swiper-button-prev {
3993 left: 2%;
3994 }
3995 .usk-showcase-slider .bdt-swiper-button-next {
3996 right: 2%;
3997 }
3998 .usk-showcase-slider .swiper-pagination-bullet {
3999 width: 10px;
4000 height: 10px;
4001 display: inline-block;
4002 border-radius: 50%;
4003 background: #d90429;
4004 }
4005
4006 @media (min-width: 1024px) {
4007 .usk-showcase-slider .usk-nav i {
4008 background: #ef233c;
4009 width: 50px;
4010 height: 50px;
4011 line-height: 50px;
4012 text-align: center;
4013 font-size: 16px;
4014 }
4015 }
4016 :root {
4017 --usk-mini-cart-header-height: 80px;
4018 --usk-mini-cart-footer-height: 208px;
4019 }
4020
4021 .usk-mini-cart {
4022 z-index: 99999;
4023 min-height: 1px;
4024 position: fixed !important;
4025 }
4026 .usk-mini-cart.toolslide .ts-content-container {
4027 background-color: #fff;
4028 }
4029 .usk-mini-cart #toggle-menu-button {
4030 width: 100px;
4031 height: 50px;
4032 line-height: 50px;
4033 cursor: pointer;
4034 text-align: center;
4035 background: #f5f9ff;
4036 font-size: 14px;
4037 font-weight: 600;
4038 color: #2e3134;
4039 }
4040 .usk-mini-cart #toggle-menu-button:hover {
4041 color: #ffffff;
4042 background-color: #2f353f;
4043 }
4044 .usk-mini-cart .bdt-mini-cart-product-thumbnail {
4045 width: 90px;
4046 height: 90px;
4047 z-index: 1;
4048 }
4049 .usk-mini-cart .bdt-button-text {
4050 color: #fff;
4051 z-index: 1;
4052 position: relative;
4053 }
4054 .usk-mini-cart .usk-widget-title {
4055 border-bottom: 1px solid #e0e7f2;
4056 font-size: 18px;
4057 font-weight: 700;
4058 color: #3c3c44;
4059 text-transform: uppercase;
4060 height: var(--usk-mini-cart-header-height);
4061 display: flex;
4062 align-items: center;
4063 padding-left: 20px;
4064 }
4065 .usk-mini-cart .bdt-mini-cart-subtotal {
4066 padding: 20px;
4067 border-bottom: 1px solid #e0e7f2;
4068 display: flex;
4069 align-items: center;
4070 justify-content: space-between;
4071 }
4072 .usk-mini-cart .bdt-mini-cart-subtotal strong {
4073 padding: 20px;
4074 font-size: 18px;
4075 font-weight: 700;
4076 color: #3c3c44;
4077 text-transform: uppercase;
4078 }
4079 .usk-mini-cart .bdt-mini-cart-subtotal .woocommerce-Price-amount.amount {
4080 font-size: 18px;
4081 font-weight: 600;
4082 color: rgba(239, 2, 2, 0.955);
4083 }
4084 .usk-mini-cart .bdt-mini-cart-product-item {
4085 position: relative;
4086 cursor: pointer;
4087 display: flex;
4088 align-items: center;
4089 border-bottom: 1px solid #e0e7f2;
4090 transition: all 0.3s ease-in-out;
4091 }
4092 .usk-mini-cart .bdt-mini-cart-product-item:hover {
4093 background-color: #e0e7f2;
4094 }
4095 .usk-mini-cart .bdt-margin-small-left {
4096 z-index: 1;
4097 }
4098 .usk-mini-cart .bdt-mini-cart-product-remove {
4099 z-index: 1;
4100 position: absolute;
4101 top: 50%;
4102 transform: translateY(-50%);
4103 right: 20px;
4104 }
4105 .usk-mini-cart .bdt-mini-cart-product-remove a {
4106 color: #25262d;
4107 padding: 4px 7px;
4108 border-radius: 50%;
4109 transition: all 0.3s ease;
4110 }
4111 .usk-mini-cart .bdt-mini-cart-product-remove a i {
4112 transition: all 0.3s ease;
4113 }
4114 .usk-mini-cart .bdt-mini-cart-product-remove a:hover {
4115 background-color: #fff;
4116 color: rgba(239, 2, 2, 0.955);
4117 }
4118 .usk-mini-cart .bdt-mini-cart-product-remove a:hover i {
4119 transform: rotate(180deg);
4120 }
4121 .usk-mini-cart .usk-mini-cart-content-wrap {
4122 z-index: 1;
4123 margin-left: 5px;
4124 }
4125 .usk-mini-cart .bdt-mini-cart-product-name {
4126 margin-bottom: 5px;
4127 }
4128 .usk-mini-cart .bdt-mini-cart-product-name a {
4129 font-size: 13px;
4130 color: #504e69;
4131 font-weight: 700;
4132 text-transform: uppercase;
4133 text-decoration: none;
4134 transition: all 0.3s ease;
4135 }
4136 .usk-mini-cart .bdt-mini-cart-product-name a:hover {
4137 color: rgba(239, 2, 2, 0.955);
4138 }
4139 .usk-mini-cart .bdt-mini-cart-product-price {
4140 font-size: 12px;
4141 font-weight: 600;
4142 color: #63666e;
4143 }
4144 .usk-mini-cart .bdt-mini-cart-product-price bdi {
4145 color: rgba(239, 2, 2, 0.955);
4146 }
4147 .usk-mini-cart .bdt-mini-cart-products {
4148 max-width: 100%;
4149 overflow: auto;
4150 }
4151 .usk-mini-cart .bdt-mini-cart-products::-webkit-scrollbar {
4152 width: 3px;
4153 }
4154 .usk-mini-cart .bdt-mini-cart-products::-webkit-scrollbar-track {
4155 background: #f1f1f1;
4156 }
4157 .usk-mini-cart .bdt-mini-cart-products::-webkit-scrollbar-thumb {
4158 background: rgb(209, 209, 209);
4159 }
4160 .usk-mini-cart .bdt-mini-cart-footer-buttons {
4161 display: flex;
4162 flex-direction: column;
4163 padding: 20px;
4164 }
4165 .usk-mini-cart .bdt-mini-cart-footer-buttons a {
4166 margin-bottom: 8px;
4167 font-size: 12px;
4168 text-align: center;
4169 padding: 14px 0;
4170 color: #fff;
4171 font-weight: 700;
4172 text-decoration: none;
4173 text-transform: uppercase;
4174 transition: all 0.3s ease-in-out;
4175 position: relative;
4176 }
4177 .usk-mini-cart .bdt-mini-cart-footer-buttons a:nth-last-child(1) {
4178 margin-bottom: 0;
4179 }
4180 .usk-mini-cart .bdt-mini-cart-footer-buttons a::before {
4181 position: absolute;
4182 content: "";
4183 top: 0;
4184 left: 0;
4185 width: 0;
4186 height: 100%;
4187 opacity: 0;
4188 transition: all 0.3s ease-in-out;
4189 }
4190 .usk-mini-cart .bdt-mini-cart-footer-buttons a:hover::before {
4191 opacity: 1;
4192 width: 100%;
4193 }
4194 .usk-mini-cart .bdt-mini-cart-footer-buttons .usk-button-text {
4195 z-index: 1;
4196 position: relative;
4197 }
4198 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-view-cart {
4199 background: #25262d;
4200 }
4201 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-view-cart::before {
4202 background: rgba(239, 2, 2, 0.955);
4203 }
4204 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-checkout {
4205 background: rgba(239, 2, 2, 0.955);
4206 }
4207 .usk-mini-cart .bdt-mini-cart-footer-buttons .bdt-button-checkout::before {
4208 background: #25262d;
4209 }
4210 .usk-mini-cart .usk-mini-cart-content-footer {
4211 background: #fff;
4212 z-index: 1;
4213 box-shadow: 0 0 5px rgba(210, 217, 228, 0.459);
4214 }
4215 .usk-mini-cart .__widget_shopping_cart_content {
4216 display: flex;
4217 flex-direction: column;
4218 justify-content: space-between;
4219 width: 100%;
4220 height: calc(100% - var(--usk-mini-cart-header-height));
4221 }
4222
4223 .usk-mini-cart-opened {
4224 background: rgba(0, 0, 0, 0.372);
4225 position: absolute;
4226 top: 0;
4227 left: 0;
4228 width: 100%;
4229 height: 100%;
4230 transition: all 0.3s ease;
4231 }
4232
4233 .bdt-mini-cart-inner {
4234 display: inline-flex;
4235 align-items: center;
4236 grid-column-gap: 10px;
4237 cursor: pointer;
4238 line-height: 1;
4239 }
4240 .bdt-mini-cart-inner .woocommerce-Price-amount.amount {
4241 font-size: 16px;
4242 color: #25262d;
4243 font-weight: 600;
4244 }
4245 .bdt-mini-cart-inner .bdt-mini-cart-button-icon {
4246 position: relative;
4247 }
4248 .bdt-mini-cart-inner .usk-cart-icon {
4249 font-size: 22px;
4250 color: #25262d;
4251 }
4252 .bdt-mini-cart-inner .usk-cart-badge {
4253 position: absolute;
4254 right: -10px;
4255 top: -6px;
4256 font-size: 10px;
4257 background: #f00;
4258 width: 15px;
4259 height: 15px;
4260 line-height: 15px;
4261 text-align: center;
4262 border-radius: 50%;
4263 font-weight: 700;
4264 color: #fff;
4265 }
4266
4267 .usk-edd-category-carousel .category-link {
4268 text-decoration: none;
4269 }
4270 .usk-edd-category-carousel .edd-item {
4271 position: relative;
4272 transition: all 0.3s ease;
4273 overflow: hidden;
4274 border: 1px solid #ece8e8;
4275 border-radius: 10px;
4276 }
4277 .usk-edd-category-carousel .edd-content {
4278 position: absolute;
4279 }
4280 .usk-edd-category-carousel .usk-edd-category-carousel-image img {
4281 width: 100%;
4282 height: 100%;
4283 object-fit: cover;
4284 }
4285 .usk-edd-category-carousel .title {
4286 color: #2b2d42;
4287 font-size: 18px;
4288 font-weight: 700;
4289 line-height: 22px;
4290 margin: 0;
4291 text-transform: uppercase;
4292 text-decoration: none;
4293 transition: all 0.3s ease;
4294 margin-bottom: 6px;
4295 }
4296 .usk-edd-category-carousel .title:hover {
4297 color: #d90429;
4298 }
4299 .usk-edd-category-carousel .edd-category-count {
4300 color: #ef233c;
4301 font-size: 13px;
4302 text-transform: uppercase;
4303 margin: 0;
4304 transition: all 0.3s ease;
4305 }
4306 .usk-edd-category-carousel .edd-category-count .edd-count-text {
4307 padding-left: 5px;
4308 }
4309 .usk-edd-category-carousel .edd-item-overlay {
4310 position: absolute;
4311 top: 0;
4312 left: 0;
4313 height: 100%;
4314 width: 100%;
4315 background: transparent;
4316 }
4317 .usk-edd-category-carousel.style-1 .edd-item:hover {
4318 transition: all 0.3s ease;
4319 }
4320 .usk-edd-category-carousel.style-1 .usk-edd-category-carousel-image {
4321 object-fit: cover;
4322 min-height: 240px;
4323 height: 100%;
4324 width: 100%;
4325 }
4326 .usk-edd-category-carousel.style-1 .edd-content {
4327 text-align: center;
4328 padding: 20px;
4329 width: 200px;
4330 background: rgba(255, 255, 255, 0.582);
4331 border-radius: 5px;
4332 top: 50%;
4333 left: 50%;
4334 transform: translate(-50%, -50%);
4335 z-index: 1;
4336 }
4337 .usk-edd-category-carousel.style-2 .edd-item {
4338 height: 100px;
4339 overflow: hidden;
4340 }
4341 .usk-edd-category-carousel.style-2 .edd-item:hover .usk-edd-category-carousel-image img {
4342 transform: scale(1.1);
4343 }
4344 .usk-edd-category-carousel.style-2 .usk-edd-category-carousel-image {
4345 width: 100%;
4346 height: 100%;
4347 }
4348 .usk-edd-category-carousel.style-2 .usk-edd-category-carousel-image img {
4349 transition: all 0.3s ease;
4350 }
4351 .usk-edd-category-carousel.style-2 .edd-content {
4352 top: 50%;
4353 transform: translateY(-50%);
4354 display: flex;
4355 align-items: center;
4356 width: 100%;
4357 padding: 20px;
4358 z-index: 1;
4359 }
4360 .usk-edd-category-carousel.style-2 .title {
4361 color: #fff;
4362 margin: 0;
4363 }
4364 .usk-edd-category-carousel.style-2 .title:hover {
4365 color: #d90429;
4366 }
4367 .usk-edd-category-carousel.style-2 .edd-category-count {
4368 margin-left: auto;
4369 }
4370 .usk-edd-category-carousel.style-2 .edd-count-text {
4371 display: none;
4372 }
4373 .usk-edd-category-carousel.style-2 .edd-count-number {
4374 background: #fff;
4375 color: #2b2d42;
4376 width: 30px;
4377 height: 30px;
4378 line-height: 30px;
4379 text-align: center;
4380 display: inherit;
4381 border-radius: 100px;
4382 }
4383 .usk-edd-category-carousel.style-2 .edd-count-number:hover {
4384 color: #fff;
4385 background: #d90429;
4386 }
4387 .usk-edd-category-carousel.style-3 .edd-item {
4388 background: #fff;
4389 }
4390 .usk-edd-category-carousel.style-3 .edd-content {
4391 position: static;
4392 padding: 20px;
4393 z-index: 1;
4394 }
4395 .usk-edd-category-carousel.style-3 .usk-edd-category-carousel-image {
4396 object-fit: cover;
4397 height: 240px;
4398 width: 100%;
4399 }
4400 .usk-edd-category-carousel.style-4 .edd-item:hover .usk-edd-category-carousel-image img {
4401 transform: scale(1.1);
4402 }
4403 .usk-edd-category-carousel.style-4 .edd-item:hover .title {
4404 transform: translateY(0);
4405 }
4406 .usk-edd-category-carousel.style-4 .edd-item:hover .edd-category-count {
4407 opacity: 1;
4408 transform: translateY(0);
4409 }
4410 .usk-edd-category-carousel.style-4 .usk-edd-category-carousel-image {
4411 object-fit: cover;
4412 height: 220px;
4413 width: 100%;
4414 }
4415 .usk-edd-category-carousel.style-4 .usk-edd-category-carousel-image img {
4416 transition: all 0.3s ease;
4417 }
4418 .usk-edd-category-carousel.style-4 .edd-content {
4419 bottom: 0;
4420 padding: 20px;
4421 overflow: hidden;
4422 z-index: 1;
4423 }
4424 .usk-edd-category-carousel.style-4 .title {
4425 color: #fff;
4426 transform: translateY(30px);
4427 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;
4428 }
4429 .usk-edd-category-carousel.style-4 .title:hover {
4430 color: #d90429;
4431 }
4432 .usk-edd-category-carousel.style-4 .edd-category-count {
4433 color: #d4d7ea;
4434 opacity: 0;
4435 transform: translateY(25px);
4436 overflow: hidden;
4437 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;
4438 }
4439 .usk-edd-category-carousel.style-5 .edd-item {
4440 display: flex;
4441 align-items: center;
4442 justify-content: center;
4443 }
4444 .usk-edd-category-carousel.style-5 .edd-item .usk-edd-category-carousel-image {
4445 height: 220px;
4446 }
4447 .usk-edd-category-carousel.style-5 .edd-item:hover .usk-edd-category-carousel-image img {
4448 transform: scale(1.1);
4449 }
4450 .usk-edd-category-carousel.style-5 .edd-item:hover .title {
4451 opacity: 0;
4452 }
4453 .usk-edd-category-carousel.style-5 .edd-item:hover .edd-category-count {
4454 opacity: 1;
4455 transform: scale(1.1) translateY(-10px);
4456 }
4457 .usk-edd-category-carousel.style-5 .usk-edd-category-carousel-image {
4458 height: 100%;
4459 width: 100%;
4460 object-fit: cover;
4461 }
4462 .usk-edd-category-carousel.style-5 .usk-edd-category-carousel-image img {
4463 transition: all 0.3s ease;
4464 }
4465 .usk-edd-category-carousel.style-5 .edd-content {
4466 top: 50%;
4467 transform: translateY(-50%);
4468 text-align: center;
4469 z-index: 1;
4470 }
4471 .usk-edd-category-carousel.style-5 .title {
4472 background-color: #2b2d42;
4473 padding: 8px 20px;
4474 border-radius: 2px;
4475 color: #fff;
4476 font-size: 14px;
4477 line-height: 1;
4478 transform: translateY(20px);
4479 opacity: 1;
4480 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;
4481 }
4482 .usk-edd-category-carousel.style-5 .title:hover {
4483 color: #d90429;
4484 }
4485 .usk-edd-category-carousel.style-5 .edd-category-count {
4486 color: #fff;
4487 transform: translateY(-10px);
4488 opacity: 0;
4489 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;
4490 line-height: 1;
4491 }
4492 .usk-edd-category-carousel .edd-item-overlay {
4493 transition: all 0.3s ease;
4494 }
4495
4496 .edd-item-match-height--yes .usk-edd-category-carousel .swiper-slide {
4497 height: initial;
4498 }
4499
4500 .elementor-widget-usk-edd-category-carousel .usk-arrows-container {
4501 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 40));
4502 transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 40));
4503 }
4504 .elementor-widget-usk-edd-category-carousel .usk-dots-container {
4505 -webkit-transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 30));
4506 transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 30));
4507 }
4508 .elementor-widget-usk-edd-category-carousel .usk-arrows-dots-container {
4509 -webkit-transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 40));
4510 transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 40));
4511 }
4512 .elementor-widget-usk-edd-category-carousel .usk-arrows-fraction-container {
4513 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 40));
4514 transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 40));
4515 }
4516 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-arrows-container,
4517 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-arrows-container {
4518 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 0)) rotate(90deg);
4519 transform: translate(var(--usk-edd-category-carousel-arrows-ncx, 0), var(--usk-edd-category-carousel-arrows-ncy, 0)) rotate(90deg);
4520 }
4521 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-dots-container,
4522 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-dots-container {
4523 -webkit-transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 0)) rotate(90deg);
4524 transform: translate(var(--usk-edd-category-carousel-dots-nnx, 0), var(--usk-edd-category-carousel-dots-nny, 0)) rotate(90deg);
4525 }
4526 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-arrows-dots-container,
4527 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-arrows-dots-container {
4528 -webkit-transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 0)) rotate(90deg);
4529 transform: translate(var(--usk-edd-category-carousel-both-ncx, 0), var(--usk-edd-category-carousel-both-ncy, 0)) rotate(90deg);
4530 }
4531 .elementor-widget-usk-edd-category-carousel .usk-position-center-left .usk-arrows-fraction-container,
4532 .elementor-widget-usk-edd-category-carousel .usk-position-center-right .usk-arrows-fraction-container {
4533 -webkit-transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
4534 transform: translate(var(--usk-edd-category-carousel-arrows-fraction-ncx, 0), var(--usk-edd-category-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
4535 }
4536
4537 :root {
4538 --ep-edd-category-grid-item-height: 400px;
4539 --ep-edd-category-grid-counter: 25px;
4540 }
4541
4542 .usk-edd-category-grid {
4543 display: grid;
4544 grid-template-columns: repeat(3, 1fr);
4545 }
4546 .usk-edd-category-grid .category-link {
4547 text-decoration: none;
4548 }
4549 .usk-edd-category-grid .edd-item {
4550 position: relative;
4551 transition: all 0.3s ease;
4552 overflow: hidden;
4553 border: 1px solid #ece8e8;
4554 border-radius: 10px;
4555 }
4556 .usk-edd-category-grid .edd-content {
4557 position: absolute;
4558 }
4559 .usk-edd-category-grid .usk-edd-category-grid-image img {
4560 width: 100%;
4561 height: 100%;
4562 object-fit: cover;
4563 }
4564 .usk-edd-category-grid .title {
4565 color: #2b2d42;
4566 font-size: 18px;
4567 font-weight: 700;
4568 line-height: 22px;
4569 margin: 0;
4570 text-transform: uppercase;
4571 text-decoration: none;
4572 transition: all 0.3s ease;
4573 margin-bottom: 6px;
4574 }
4575 .usk-edd-category-grid .title:hover {
4576 color: #d90429;
4577 }
4578 .usk-edd-category-grid .edd-category-count {
4579 color: #ef233c;
4580 font-size: 13px;
4581 text-transform: uppercase;
4582 margin: 0;
4583 transition: all 0.3s ease;
4584 }
4585 .usk-edd-category-grid .edd-category-count .edd-count-text {
4586 padding-left: 5px;
4587 }
4588 .usk-edd-category-grid .edd-item-overlay {
4589 position: absolute;
4590 top: 0;
4591 left: 0;
4592 height: 100%;
4593 width: 100%;
4594 background: transparent;
4595 }
4596 .usk-edd-category-grid.style-1 .edd-item:hover {
4597 transition: all 0.3s ease;
4598 }
4599 .usk-edd-category-grid.style-1 .usk-edd-category-grid-image {
4600 object-fit: cover;
4601 min-height: 240px;
4602 height: 100%;
4603 width: 100%;
4604 }
4605 .usk-edd-category-grid.style-1 .edd-content {
4606 text-align: center;
4607 padding: 20px;
4608 width: 200px;
4609 background: rgba(255, 255, 255, 0.582);
4610 border-radius: 5px;
4611 top: 50%;
4612 left: 50%;
4613 transform: translate(-50%, -50%);
4614 z-index: 1;
4615 }
4616 .usk-edd-category-grid.style-2 .edd-item {
4617 height: 100px;
4618 overflow: hidden;
4619 }
4620 .usk-edd-category-grid.style-2 .edd-item:hover .usk-edd-category-grid-image img {
4621 transform: scale(1.1);
4622 }
4623 .usk-edd-category-grid.style-2 .usk-edd-category-grid-image {
4624 width: 100%;
4625 height: 100%;
4626 }
4627 .usk-edd-category-grid.style-2 .usk-edd-category-grid-image img {
4628 transition: all 0.3s ease;
4629 }
4630 .usk-edd-category-grid.style-2 .edd-content {
4631 top: 50%;
4632 transform: translateY(-50%);
4633 display: flex;
4634 align-items: center;
4635 width: 100%;
4636 padding: 20px;
4637 z-index: 1;
4638 }
4639 .usk-edd-category-grid.style-2 .title {
4640 color: #fff;
4641 margin: 0;
4642 }
4643 .usk-edd-category-grid.style-2 .title:hover {
4644 color: #d90429;
4645 }
4646 .usk-edd-category-grid.style-2 .edd-category-count {
4647 margin-left: auto;
4648 }
4649 .usk-edd-category-grid.style-2 .edd-count-text {
4650 display: none;
4651 }
4652 .usk-edd-category-grid.style-2 .edd-count-number {
4653 background: #fff;
4654 color: #2b2d42;
4655 width: 30px;
4656 height: 30px;
4657 line-height: 30px;
4658 text-align: center;
4659 display: inherit;
4660 border-radius: 100px;
4661 }
4662 .usk-edd-category-grid.style-2 .edd-count-number:hover {
4663 color: #fff;
4664 background: #d90429;
4665 }
4666 .usk-edd-category-grid.style-3 .edd-item {
4667 background: #fff;
4668 }
4669 .usk-edd-category-grid.style-3 .edd-content {
4670 position: static;
4671 padding: 20px;
4672 z-index: 1;
4673 }
4674 .usk-edd-category-grid.style-3 .usk-edd-category-grid-image {
4675 object-fit: cover;
4676 height: 240px;
4677 width: 100%;
4678 }
4679 .usk-edd-category-grid.style-4 .edd-item:hover .usk-edd-category-grid-image img {
4680 transform: scale(1.1);
4681 }
4682 .usk-edd-category-grid.style-4 .edd-item:hover .title {
4683 transform: translateY(0);
4684 }
4685 .usk-edd-category-grid.style-4 .edd-item:hover .edd-category-count {
4686 opacity: 1;
4687 transform: translateY(0);
4688 }
4689 .usk-edd-category-grid.style-4 .usk-edd-category-grid-image {
4690 object-fit: cover;
4691 height: 220px;
4692 width: 100%;
4693 }
4694 .usk-edd-category-grid.style-4 .usk-edd-category-grid-image img {
4695 transition: all 0.3s ease;
4696 }
4697 .usk-edd-category-grid.style-4 .edd-content {
4698 bottom: 0;
4699 padding: 20px;
4700 overflow: hidden;
4701 z-index: 1;
4702 }
4703 .usk-edd-category-grid.style-4 .title {
4704 color: #fff;
4705 transform: translateY(30px);
4706 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;
4707 }
4708 .usk-edd-category-grid.style-4 .title:hover {
4709 color: #d90429;
4710 }
4711 .usk-edd-category-grid.style-4 .edd-category-count {
4712 color: #d4d7ea;
4713 opacity: 0;
4714 transform: translateY(25px);
4715 overflow: hidden;
4716 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;
4717 }
4718 .usk-edd-category-grid.style-5 .edd-item {
4719 display: flex;
4720 align-items: center;
4721 justify-content: center;
4722 }
4723 .usk-edd-category-grid.style-5 .edd-item .usk-edd-category-grid-image {
4724 height: 220px;
4725 }
4726 .usk-edd-category-grid.style-5 .edd-item:hover .usk-edd-category-grid-image img {
4727 transform: scale(1.1);
4728 }
4729 .usk-edd-category-grid.style-5 .edd-item:hover .title {
4730 opacity: 0;
4731 }
4732 .usk-edd-category-grid.style-5 .edd-item:hover .edd-category-count {
4733 opacity: 1;
4734 transform: scale(1.1) translateY(-10px);
4735 }
4736 .usk-edd-category-grid.style-5 .usk-edd-category-grid-image {
4737 height: 100%;
4738 width: 100%;
4739 object-fit: cover;
4740 }
4741 .usk-edd-category-grid.style-5 .usk-edd-category-grid-image img {
4742 transition: all 0.3s ease;
4743 }
4744 .usk-edd-category-grid.style-5 .edd-content {
4745 top: 50%;
4746 transform: translateY(-50%);
4747 text-align: center;
4748 z-index: 1;
4749 }
4750 .usk-edd-category-grid.style-5 .title {
4751 background-color: #2b2d42;
4752 padding: 8px 20px;
4753 border-radius: 2px;
4754 color: #fff;
4755 font-size: 14px;
4756 line-height: 1;
4757 transform: translateY(20px);
4758 opacity: 1;
4759 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;
4760 }
4761 .usk-edd-category-grid.style-5 .title:hover {
4762 color: #d90429;
4763 }
4764 .usk-edd-category-grid.style-5 .edd-category-count {
4765 color: #fff;
4766 transform: translateY(-10px);
4767 opacity: 0;
4768 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;
4769 line-height: 1;
4770 }
4771 .usk-edd-category-grid .edd-item-overlay {
4772 transition: all 0.3s ease;
4773 }
4774
4775 .edd-item-match-height--yes .usk-edd-category-grid .swiper-slide {
4776 height: initial;
4777 }
4778
4779 .usk-brand-grid-item {
4780 position: relative;
4781 padding: 30px;
4782 border-radius: 5px;
4783 transition: all 0.3s ease;
4784 }
4785 .usk-brand-grid-item a {
4786 position: absolute;
4787 height: 100%;
4788 width: 100%;
4789 left: 0;
4790 top: 0;
4791 }
4792
4793 .usk-brand-grid-img {
4794 object-fit: cover;
4795 transition: all 0.3s ease;
4796 }
4797
4798 .usk-brand-carousel-item {
4799 position: relative;
4800 padding: 30px;
4801 border-radius: 5px;
4802 text-align: center;
4803 transition: all 0.3s ease;
4804 }
4805 .usk-brand-carousel-item a {
4806 position: absolute;
4807 height: 100%;
4808 width: 100%;
4809 left: 0;
4810 top: 0;
4811 }
4812
4813 .usk-brand-carousel-img {
4814 object-fit: cover;
4815 transition: all 0.3s ease;
4816 }
4817
4818 .usk-info-list {
4819 display: grid;
4820 }
4821 .usk-info-list .usk-content {
4822 width: 100%;
4823 }
4824
4825 .usk-info-list-item {
4826 position: relative;
4827 padding: 20px;
4828 display: inline-flex;
4829 }
4830
4831 .usk-info-list-icon span {
4832 color: #2B2D42;
4833 font-size: 16px;
4834 display: inline-flex;
4835 }
4836 .usk-info-list-icon svg {
4837 fill: #2B2D42;
4838 width: 1em;
4839 height: 1em;
4840 }
4841
4842 .usk-info-list-title {
4843 margin: 0 0 8px;
4844 font-size: 18px;
4845 font-weight: 500;
4846 text-transform: capitalize;
4847 }
4848 .usk-info-list-title a {
4849 color: #2B2D42;
4850 transition: all 0.3s ease;
4851 }
4852 .usk-info-list-title a:hover {
4853 color: #D90429;
4854 }
4855
4856 .usk-info-list-text {
4857 font-size: 15px;
4858 color: #2B2D42;
4859 }
4860 .usk-info-list-text p {
4861 margin: 0;
4862 }
4863
4864 .usk-info-style-top .usk-info-list-item {
4865 flex-direction: column;
4866 }
4867
4868 .usk-info-style-left .usk-info-list-item {
4869 align-items: center;
4870 flex-direction: row;
4871 }
4872
4873 .usk-info-style-right .usk-info-list-item {
4874 align-items: center;
4875 flex-direction: row-reverse;
4876 }
4877
4878 .usk-info-style-right .usk-content {
4879 text-align: right;
4880 }
4881
4882 .usk-sub-category {
4883 grid-gap: 20px;
4884 }
4885 .usk-sub-category .usk-item {
4886 display: flex;
4887 align-items: center;
4888 gap: 20px;
4889 border: 1px solid #e8e8e9;
4890 padding: 20px;
4891 overflow: hidden;
4892 transition: all 0.3s ease;
4893 }
4894 .usk-sub-category .usk-item:hover .usk-link-btn a i {
4895 opacity: 1;
4896 visibility: visible;
4897 transform: translateX(8px);
4898 }
4899 .usk-sub-category .usk-image-slider {
4900 width: 100%;
4901 height: 100%;
4902 overflow: hidden;
4903 }
4904 .usk-sub-category .usk-image-wrap {
4905 width: 100%;
4906 height: 100%;
4907 }
4908 .usk-sub-category .usk-img {
4909 width: 100%;
4910 height: 100%;
4911 object-fit: cover;
4912 }
4913 .usk-sub-category .usk-content {
4914 width: 100%;
4915 }
4916 .usk-sub-category .usk-name {
4917 font-size: 20px;
4918 margin: 0 0 15px;
4919 font-weight: 700;
4920 text-transform: uppercase;
4921 }
4922 .usk-sub-category .usk-name a {
4923 color: #2b2c35;
4924 text-decoration: none;
4925 transition: all 0.3s ease-in-out;
4926 }
4927 .usk-sub-category .usk-name a:hover {
4928 color: #d90429;
4929 }
4930 .usk-sub-category .usk-list {
4931 margin: 0 0 13px;
4932 display: inline-flex;
4933 flex-wrap: wrap;
4934 gap: 8px;
4935 }
4936 .usk-sub-category .usk-list a {
4937 color: #66687a;
4938 font-size: 12px;
4939 text-decoration: underline;
4940 text-transform: uppercase;
4941 transition: all 0.3s ease-in-out;
4942 font-weight: 500;
4943 display: inline-flex;
4944 }
4945 .usk-sub-category .usk-list a:hover {
4946 color: #d90429;
4947 }
4948 .usk-sub-category .usk-link-btn {
4949 display: block;
4950 }
4951 .usk-sub-category .usk-link-btn a {
4952 display: inline-flex;
4953 align-items: center;
4954 font-size: 14px;
4955 color: #d90429;
4956 font-weight: 600;
4957 text-decoration: none;
4958 text-transform: uppercase;
4959 transition: all 0.3s ease-in-out;
4960 }
4961 .usk-sub-category .usk-link-btn a:hover {
4962 color: #d90429;
4963 }
4964 .usk-sub-category .usk-link-btn a i {
4965 opacity: 0;
4966 visibility: hidden;
4967 transform: translateX(-10px);
4968 transition: all 0.3s ease-in-out;
4969 }
4970
4971 .usk-sub-category-carousel .usk-item {
4972 display: flex;
4973 align-items: center;
4974 gap: 20px;
4975 border: 1px solid #e8e8e9;
4976 padding: 20px;
4977 overflow: hidden;
4978 transition: all 0.3s ease;
4979 height: auto;
4980 }
4981 .usk-sub-category-carousel .usk-item:hover .usk-link-btn a i {
4982 opacity: 1;
4983 visibility: visible;
4984 transform: translateX(8px);
4985 }
4986 .usk-sub-category-carousel .usk-image-slider {
4987 width: 100%;
4988 height: 100%;
4989 overflow: hidden;
4990 }
4991 .usk-sub-category-carousel .usk-image-wrap {
4992 width: 100%;
4993 height: 100%;
4994 }
4995 .usk-sub-category-carousel .usk-img {
4996 width: 100%;
4997 height: 100%;
4998 object-fit: cover;
4999 }
5000 .usk-sub-category-carousel .usk-content {
5001 width: 100%;
5002 padding: 0;
5003 }
5004 .usk-sub-category-carousel .usk-name {
5005 font-size: 20px;
5006 margin: 0 0 15px;
5007 font-weight: 700;
5008 text-transform: uppercase;
5009 }
5010 .usk-sub-category-carousel .usk-name a {
5011 color: #2b2c35;
5012 text-decoration: none;
5013 transition: all 0.3s ease-in-out;
5014 }
5015 .usk-sub-category-carousel .usk-name a:hover {
5016 color: #d90429;
5017 }
5018 .usk-sub-category-carousel .usk-list {
5019 margin: 0 0 13px;
5020 display: inline-flex;
5021 flex-wrap: wrap;
5022 gap: 8px;
5023 }
5024 .usk-sub-category-carousel .usk-list a {
5025 color: #66687a;
5026 font-size: 12px;
5027 text-decoration: underline;
5028 text-transform: uppercase;
5029 transition: all 0.3s ease-in-out;
5030 font-weight: 500;
5031 display: inline-flex;
5032 }
5033 .usk-sub-category-carousel .usk-list a:hover {
5034 color: #d90429;
5035 }
5036 .usk-sub-category-carousel .usk-link-btn {
5037 display: block;
5038 }
5039 .usk-sub-category-carousel .usk-link-btn a {
5040 display: inline-flex;
5041 align-items: center;
5042 font-size: 14px;
5043 color: #d90429;
5044 font-weight: 600;
5045 text-decoration: none;
5046 text-transform: uppercase;
5047 transition: all 0.3s ease-in-out;
5048 }
5049 .usk-sub-category-carousel .usk-link-btn a:hover {
5050 color: #d90429;
5051 }
5052 .usk-sub-category-carousel .usk-link-btn a i {
5053 opacity: 0;
5054 visibility: hidden;
5055 transform: translateX(-10px);
5056 transition: all 0.3s ease-in-out;
5057 }
5058
5059 .usk-featured-box:hover .usk-image-wrap {
5060 transform: scale(1.1);
5061 }
5062 .usk-featured-box .usk-item {
5063 position: relative;
5064 overflow: hidden;
5065 }
5066 .usk-featured-box .usk-image-wrap {
5067 position: absolute;
5068 height: 100%;
5069 width: 100%;
5070 background-position: center;
5071 background-repeat: no-repeat;
5072 background-size: cover;
5073 transition: transform 0.3s ease-in-out;
5074 transform: scale(1);
5075 }
5076 .usk-featured-box .usk-content {
5077 position: absolute;
5078 padding: 40px;
5079 left: 0;
5080 right: 0;
5081 }
5082 .usk-featured-box .usk-meta {
5083 color: #2B2D42;
5084 font-size: 12px;
5085 font-weight: 500;
5086 text-decoration: none;
5087 text-transform: uppercase;
5088 transition: all 0.3s ease-in-out;
5089 }
5090 .usk-featured-box .usk-meta:hover,
5091 .usk-featured-box .usk-title a:hover {
5092 color: #D90429;
5093 }
5094 .usk-featured-box .usk-title {
5095 margin: 0 0 8px;
5096 font-size: 32px;
5097 font-weight: 700;
5098 text-transform: capitalize;
5099 }
5100 .usk-featured-box .usk-title a {
5101 color: #2B2D42;
5102 text-decoration: none;
5103 transition: all 0.3s ease-in-out;
5104 }
5105 .usk-featured-box .usk-text {
5106 font-size: 16px;
5107 color: #2B2D42;
5108 margin-bottom: 20px;
5109 }
5110 .usk-featured-box .usk-text p {
5111 margin: 0;
5112 }
5113 .usk-featured-box .usk-link-btn a {
5114 position: relative;
5115 overflow: hidden;
5116 padding: 10px 35px;
5117 border-radius: 40px;
5118 display: inline-block;
5119 color: #D90429;
5120 text-decoration: none;
5121 font-weight: 700;
5122 text-transform: capitalize;
5123 font-size: 12px;
5124 transition: all 0.3s ease-in-out;
5125 }
5126 .usk-featured-box .usk-link-btn a span {
5127 position: relative;
5128 z-index: 1;
5129 }
5130 .usk-featured-box .usk-link-btn a:hover {
5131 color: #fff;
5132 }
5133 .usk-featured-box .usk-link-btn a::before {
5134 position: absolute;
5135 content: "";
5136 top: 0;
5137 left: 0;
5138 width: 0;
5139 height: 100%;
5140 background-color: #D90429;
5141 transition: all 0.3s ease-in-out;
5142 }
5143 .usk-featured-box .usk-link-btn a:hover::before {
5144 width: 100%;
5145 }
5146 .usk-featured-box.usk-fb-content-position-top .usk-content {
5147 top: 0;
5148 }
5149 .usk-featured-box.usk-fb-content-position-center .usk-content {
5150 top: 50%;
5151 transform: translateY(-50%);
5152 }
5153 .usk-featured-box.usk-fb-content-position-bottom .usk-content {
5154 bottom: 0;
5155 }
5156
5157 .usk-featured-box-wrapper-link {
5158 position: absolute;
5159 width: 100%;
5160 height: 100%;
5161 top: 0;
5162 left: 0;
5163 z-index: 1;
5164 }
5165
5166 .usk-heaven-slider {
5167 display: flex;
5168 height: clamp(560px, 40vw, 600px);
5169 overflow: hidden;
5170 padding: clamp(10px, 2vw, 30px);
5171 justify-content: space-between;
5172 flex-direction: row-reverse;
5173 border-radius: 6px;
5174 position: relative;
5175 }
5176 .usk-heaven-slider .usk-main-slider {
5177 width: 100%;
5178 }
5179 .usk-heaven-slider .usk-main-slider .usk-image-wrap {
5180 opacity: 0;
5181 }
5182 .usk-heaven-slider .swiper-slide-duplicate-active .usk-badge-label-wrapper,
5183 .usk-heaven-slider .swiper-slide-duplicate-active .usk-content,
5184 .usk-heaven-slider .swiper-slide-active .usk-badge-label-wrapper,
5185 .usk-heaven-slider .swiper-slide-active .usk-content {
5186 opacity: 1;
5187 visibility: visible;
5188 }
5189 .usk-heaven-slider .swiper-slide-duplicate-active .usk-image-wrap,
5190 .usk-heaven-slider .swiper-slide-active .usk-image-wrap {
5191 opacity: 1;
5192 }
5193 .usk-heaven-slider .usk-content {
5194 width: 100%;
5195 opacity: 0;
5196 visibility: hidden;
5197 transition: all 0.6s ease-in-out;
5198 }
5199 .usk-heaven-slider .usk-item-box {
5200 display: flex;
5201 align-items: center;
5202 flex-direction: column;
5203 width: 100%;
5204 height: 100%;
5205 gap: clamp(15px, 2vw, 30px);
5206 }
5207 .usk-heaven-slider .usk-image-wrap {
5208 width: 100%;
5209 transition: all 0.3s ease-in-out;
5210 display: flex;
5211 border-radius: 6px;
5212 overflow: hidden;
5213 }
5214 .usk-heaven-slider .usk-image-wrap .usk-img {
5215 width: 100%;
5216 height: 100%;
5217 object-fit: cover;
5218 }
5219 .usk-heaven-slider .usk-category {
5220 margin-bottom: 10px;
5221 display: inline-flex;
5222 gap: 10px;
5223 flex-wrap: wrap;
5224 }
5225 .usk-heaven-slider .usk-category a {
5226 font-size: 14px;
5227 color: #5f5f74;
5228 font-weight: 600;
5229 text-transform: capitalize;
5230 transition: all 0.3s ease-in-out;
5231 text-decoration: underline;
5232 text-decoration-color: #5bb300;
5233 text-decoration-skip-ink: none;
5234 }
5235 .usk-heaven-slider .usk-category a:hover {
5236 color: #5bb300;
5237 }
5238 .usk-heaven-slider .usk-title {
5239 margin: 0 0 10px;
5240 font-size: clamp(24px, 2.5vw, 40px);
5241 letter-spacing: 2px;
5242 font-weight: 700;
5243 text-transform: capitalize;
5244 }
5245 .usk-heaven-slider .usk-title a {
5246 color: #1f2027;
5247 text-decoration: none;
5248 transition: all 0.3s ease-in-out;
5249 }
5250 .usk-heaven-slider .usk-title a:hover {
5251 color: #5bb300;
5252 }
5253 .usk-heaven-slider .usk-text {
5254 font-size: clamp(14px, 1vw, 16px);
5255 line-height: 1.8;
5256 color: #6b6b6e;
5257 margin-bottom: clamp(10px, 2vw, 15px);
5258 }
5259 .usk-heaven-slider .usk-text p {
5260 margin: 0;
5261 }
5262 .usk-heaven-slider .usk-price {
5263 display: flex;
5264 align-items: center;
5265 grid-column-gap: 12px;
5266 font-size: clamp(16px, 1vw, 18px);
5267 font-weight: 600;
5268 margin-bottom: clamp(12px, 1.2vw, 14px);
5269 }
5270 .usk-heaven-slider .usk-price del {
5271 color: #8d8e9c;
5272 }
5273 .usk-heaven-slider .usk-price ins {
5274 color: #5bb300;
5275 text-decoration: none;
5276 }
5277 .usk-heaven-slider .usk-shoping {
5278 display: flex;
5279 align-items: center;
5280 grid-column-gap: 10px;
5281 }
5282 .usk-heaven-slider .usk-shoping a {
5283 display: inline-flex;
5284 position: relative;
5285 color: #fff;
5286 font-size: clamp(13px, 1vw, 15px);
5287 padding: clamp(10px, 1vw, 12px);
5288 text-decoration: none;
5289 border-radius: 4px;
5290 background-color: #5bb300;
5291 line-height: 1.2;
5292 }
5293 .usk-heaven-slider .usk-shoping a:hover {
5294 background-color: #1f2027;
5295 }
5296 .usk-heaven-slider .usk-shoping a i {
5297 height: 1.2em;
5298 width: 1.2em;
5299 display: inline-flex;
5300 align-items: center;
5301 justify-content: center;
5302 }
5303 .usk-heaven-slider .usk-shoping .usk-wishlist.usk-active {
5304 background-color: #1f2027;
5305 }
5306 .usk-heaven-slider .usk-item .usk-rating {
5307 display: flex;
5308 align-items: center;
5309 width: 100%;
5310 margin-bottom: 30px;
5311 }
5312 .usk-heaven-slider .usk-item .usk-rating .woocommerce-product-rating {
5313 display: flex;
5314 align-items: center;
5315 padding: 0;
5316 }
5317 .usk-heaven-slider .usk-item .usk-rating .woocommerce-product-rating .star-rating {
5318 font-size: 12px;
5319 margin: 0;
5320 }
5321 .usk-heaven-slider .usk-badge-label-wrapper {
5322 position: absolute;
5323 right: 0;
5324 top: 0;
5325 margin: 10px;
5326 }
5327 .usk-heaven-slider .usk-badge-label-wrapper .usk-badge {
5328 border-radius: 4px;
5329 }
5330 .usk-heaven-slider .usk-thumbs-slider {
5331 display: none;
5332 overflow: hidden;
5333 padding: 5px;
5334 margin-right: clamp(10px, 2vw, 30px);
5335 }
5336 .usk-heaven-slider .usk-thumbs-slider .usk-item-box,
5337 .usk-heaven-slider .usk-thumbs-slider .usk-image-wrap {
5338 height: 100%;
5339 width: 100%;
5340 }
5341 .usk-heaven-slider .usk-thumbs-slider .usk-image-wrap {
5342 padding: 10px;
5343 }
5344 .usk-heaven-slider .usk-thumbs-slider .usk-img {
5345 width: 100%;
5346 height: 100%;
5347 object-fit: cover;
5348 border-radius: 5px;
5349 }
5350 .usk-heaven-slider .usk-thumbs-slider .usk-item {
5351 display: flex;
5352 align-items: center;
5353 justify-content: center;
5354 position: relative;
5355 overflow: hidden;
5356 cursor: pointer;
5357 }
5358 .usk-heaven-slider .usk-thumbs-slider .usk-item:before {
5359 position: absolute;
5360 content: "";
5361 width: 100%;
5362 height: 100%;
5363 top: 0;
5364 left: 0;
5365 border-radius: 5px;
5366 transition: all 0.3s ease-in-out;
5367 }
5368 .usk-heaven-slider .usk-navigation-wrap {
5369 position: absolute;
5370 right: 0;
5371 bottom: 0;
5372 display: flex;
5373 align-items: center;
5374 flex-direction: row-reverse;
5375 margin: clamp(10px, 2vw, 30px);
5376 grid-column-gap: 10px;
5377 }
5378 .usk-heaven-slider .usk-nav-btn {
5379 color: #1f2027;
5380 font-size: clamp(14px, 1vw, 18px);
5381 display: flex;
5382 background: #eee;
5383 padding: clamp(10px, 1vw, 12px);
5384 border-radius: 4px;
5385 cursor: pointer;
5386 transition: all 0.3s ease-in-out;
5387 z-index: 1;
5388 }
5389 .usk-heaven-slider .usk-nav-btn:hover {
5390 color: #5bb300;
5391 }
5392
5393 @media (min-width: 768px) {
5394 .usk-heaven-slider .usk-thumbs-slider {
5395 display: block;
5396 }
5397 .usk-heaven-slider .usk-item-box {
5398 flex-direction: row;
5399 }
5400 .usk-heaven-slider .usk-badge-label-wrapper {
5401 margin: 0;
5402 }
5403 .usk-heaven-slider .usk-content {
5404 display: flex;
5405 flex-direction: column;
5406 justify-content: center;
5407 }
5408 }
5409 .usk-mentor-slider {
5410 overflow: hidden;
5411 position: relative;
5412 }
5413 .usk-mentor-slider .usk-img {
5414 width: 100%;
5415 height: 100%;
5416 object-fit: cover;
5417 object-position: center;
5418 }
5419 .usk-mentor-slider .usk-image-wrap {
5420 background-color: #efefef;
5421 }
5422 .usk-mentor-slider .usk-content {
5423 width: 100%;
5424 }
5425 .usk-mentor-slider .usk-inner-content {
5426 max-width: 700px;
5427 padding: clamp(15px, 5vw, 70px);
5428 overflow: hidden;
5429 }
5430 .usk-mentor-slider .usk-category {
5431 margin-bottom: 10px;
5432 display: inline-flex;
5433 flex-wrap: wrap;
5434 gap: 5px;
5435 }
5436 .usk-mentor-slider .usk-category a {
5437 font-size: 14px;
5438 color: #5f5f74;
5439 font-weight: 600;
5440 text-transform: capitalize;
5441 transition: all 0.3s ease-in-out;
5442 }
5443 .usk-mentor-slider .usk-category a:hover {
5444 color: #d90429;
5445 }
5446 .usk-mentor-slider .usk-item .usk-rating {
5447 display: flex;
5448 align-items: center;
5449 width: 100%;
5450 }
5451 .usk-mentor-slider .usk-item .usk-rating .woocommerce-product-rating {
5452 display: flex;
5453 align-items: center;
5454 padding: 0;
5455 }
5456 .usk-mentor-slider .usk-item .usk-rating .woocommerce-product-rating .star-rating {
5457 font-size: 12px;
5458 margin: 0;
5459 }
5460 .usk-mentor-slider .usk-badge-label-wrapper {
5461 position: absolute;
5462 right: 0;
5463 top: 0;
5464 margin: clamp(15px, 2vw, 30px);
5465 }
5466 .usk-mentor-slider .usk-title {
5467 font-size: clamp(24px, 3vw, 48px);
5468 text-transform: capitalize;
5469 font-weight: 700;
5470 margin-top: 0;
5471 margin-bottom: 15px;
5472 line-height: 1.3;
5473 }
5474 .usk-mentor-slider .usk-title a {
5475 color: #2b2d42;
5476 text-decoration: none;
5477 transition: color 0.5s cubic-bezier(0, 0, 0.2, 1);
5478 }
5479 .usk-mentor-slider .usk-title a:hover {
5480 color: #d90429;
5481 }
5482 .usk-mentor-slider .usk-text {
5483 font-size: clamp(14px, 1vw, 16px);
5484 color: #4e5562;
5485 line-height: 1.6;
5486 font-family: sans-serif;
5487 margin-bottom: 15px;
5488 }
5489 .usk-mentor-slider .usk-text p {
5490 margin: 0;
5491 }
5492 .usk-mentor-slider .usk-price {
5493 font-size: clamp(14px, 1vw, 16px);
5494 font-weight: 600;
5495 margin-bottom: 15px;
5496 }
5497 .usk-mentor-slider .usk-price .price {
5498 display: flex;
5499 align-items: center;
5500 grid-column-gap: 15px;
5501 }
5502 .usk-mentor-slider .usk-price ins {
5503 text-decoration: none;
5504 color: #000;
5505 }
5506 .usk-mentor-slider .usk-price del {
5507 color: rgba(169, 171, 189, 0.812);
5508 }
5509 .usk-mentor-slider .usk-main-slider {
5510 width: 100%;
5511 height: clamp(540px, 75vw, 700px);
5512 z-index: 1;
5513 position: relative;
5514 }
5515 .usk-mentor-slider .usk-main-slider .usk-item {
5516 display: flex;
5517 flex-direction: column;
5518 }
5519 .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 {
5520 opacity: 1;
5521 transform: translateY(0);
5522 }
5523 .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) {
5524 transition-delay: 0.3s;
5525 }
5526 .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) {
5527 transition-delay: 0.5s;
5528 }
5529 .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) {
5530 transition-delay: 0.7s;
5531 }
5532 .usk-mentor-slider .usk-main-slider .usk-image-wrap {
5533 width: 100%;
5534 height: 100%;
5535 overflow: hidden;
5536 }
5537 .usk-mentor-slider .usk-thumbs-slider-wrap .usk-img {
5538 height: clamp(100px, 15vw, 130px);
5539 }
5540 .usk-mentor-slider .usk-thumbs-slider-wrap .usk-item {
5541 cursor: pointer;
5542 }
5543 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-active,
5544 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-duplicate-active {
5545 opacity: 0;
5546 transform: scale(0);
5547 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);
5548 }
5549 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-prev {
5550 opacity: 0;
5551 }
5552 .usk-mentor-slider .usk-action-btn-wrap {
5553 position: absolute;
5554 top: 0;
5555 left: 0;
5556 display: flex;
5557 align-items: center;
5558 flex-direction: column;
5559 gap: 5px;
5560 margin: 15px;
5561 }
5562 .usk-mentor-slider .usk-action-btn-wrap > div {
5563 opacity: 0;
5564 transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
5565 transform: translateY(-30px);
5566 }
5567 .usk-mentor-slider .usk-action-btn-wrap a {
5568 display: flex;
5569 font-size: clamp(12px, 2vw, 15px);
5570 padding: clamp(12px, 2vw, 15px);
5571 color: #2b2d42;
5572 background: #fff;
5573 text-align: center;
5574 transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
5575 }
5576 .usk-mentor-slider .usk-action-btn-wrap a:hover {
5577 color: #d90429;
5578 }
5579 .usk-mentor-slider .usk-action-btn-wrap a i {
5580 height: 1.2em;
5581 width: 1.2em;
5582 display: flex;
5583 align-items: center;
5584 justify-content: center;
5585 }
5586 .usk-mentor-slider .usk-nav-pag-wrap {
5587 bottom: 0;
5588 right: 0;
5589 display: inline-flex;
5590 grid-gap: 30px;
5591 }
5592 .usk-mentor-slider .usk-navigation-button {
5593 display: flex;
5594 align-items: center;
5595 flex-direction: row-reverse;
5596 }
5597 .usk-mentor-slider .usk-nav-btn {
5598 display: flex;
5599 align-items: center;
5600 grid-column-gap: 10px;
5601 font-size: clamp(12px, 1vw, 14px);
5602 text-transform: uppercase;
5603 cursor: pointer;
5604 }
5605 .usk-mentor-slider .usk-nav-btn i {
5606 opacity: 0;
5607 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);
5608 }
5609 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text {
5610 transition-delay: 0.4s;
5611 }
5612 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text::before {
5613 transform: translateY(0);
5614 }
5615 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text span {
5616 transform: translateY(-100%);
5617 opacity: 0;
5618 }
5619 .usk-mentor-slider .usk-nav-btn:hover i {
5620 opacity: 1;
5621 transform: translateX(0);
5622 transition-delay: 0.4s;
5623 }
5624 .usk-mentor-slider .usk-button-next .usk-nav-text {
5625 transform: translateX(24px);
5626 }
5627 .usk-mentor-slider .usk-button-next i {
5628 transform: translateX(-15px);
5629 }
5630 .usk-mentor-slider .usk-button-prev .usk-nav-text {
5631 transform: translateX(-24px);
5632 }
5633 .usk-mentor-slider .usk-button-prev i {
5634 transform: translateX(15px);
5635 }
5636 .usk-mentor-slider .usk-button-next:hover .usk-nav-text,
5637 .usk-mentor-slider .usk-button-prev:hover .usk-nav-text {
5638 transform: translateX(0);
5639 transition-delay: 0.4s;
5640 }
5641 .usk-mentor-slider .usk-nav-text {
5642 position: relative;
5643 overflow: hidden;
5644 transition: transform 0.7s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5645 }
5646 .usk-mentor-slider .usk-nav-text::before {
5647 content: attr(data-title);
5648 height: 100%;
5649 position: absolute;
5650 width: 100%;
5651 top: 0;
5652 left: 0;
5653 transform: translateY(110%);
5654 transition: transform 0.6s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5655 }
5656 .usk-mentor-slider .usk-nav-text span {
5657 display: inline-block;
5658 will-change: transform;
5659 position: relative;
5660 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);
5661 }
5662 .usk-mentor-slider .swiper-pagination {
5663 position: unset !important;
5664 color: #a9abbd;
5665 font-size: 15px;
5666 }
5667 .usk-mentor-slider .swiper-pagination .swiper-pagination-current {
5668 color: #2b2d42;
5669 }
5670
5671 @media (min-width: 768px) {
5672 .usk-mentor-slider .usk-main-slider .usk-item {
5673 flex-direction: row;
5674 }
5675 .usk-mentor-slider .usk-nav-pag-wrap {
5676 position: absolute;
5677 }
5678 .usk-mentor-slider .usk-thumbs-slider-wrap {
5679 display: block;
5680 width: clamp(470px, 60vw, 700px);
5681 height: clamp(150px, 20vw, 170px);
5682 position: absolute;
5683 bottom: 6%;
5684 right: 50%;
5685 transform: translateX(70%);
5686 overflow: hidden;
5687 z-index: 1;
5688 }
5689 .usk-mentor-slider .usk-action-btn-wrap {
5690 top: 50%;
5691 left: 50%;
5692 transform: translate(-50%, -50%);
5693 margin: 0;
5694 }
5695 .usk-mentor-slider .usk-badge-label-wrapper {
5696 left: 0;
5697 right: auto;
5698 }
5699 }
5700 @media (max-width: 767px) {
5701 .usk-mentor-slider .usk-thumbs-slider {
5702 display: none;
5703 }
5704 .usk-mentor-slider .usk-nav-pag-wrap {
5705 padding: 0 15px 15px;
5706 width: 100%;
5707 }
5708 .usk-mentor-slider .swiper-pagination {
5709 display: flex;
5710 grid-gap: 5px;
5711 }
5712 }
5713 .elementor-widget-usk-up-sells.usk-up-sells-show-heading-yes section.up-sells.upsells.products h2 {
5714 display: block;
5715 }
5716 .elementor-widget-usk-up-sells .usk-upsells section.products {
5717 display: inline-block;
5718 }
5719 .elementor-widget-usk-up-sells .usk-upsells section.products li.product {
5720 border: 1px solid #eee;
5721 padding: 30px !important;
5722 display: inline-block;
5723 border-radius: 5px;
5724 }
5725 .elementor-widget-usk-up-sells .usk-upsells section.products h2 {
5726 font-size: 18px;
5727 margin-bottom: 10px;
5728 font-weight: 600;
5729 display: none;
5730 }
5731 .elementor-widget-usk-up-sells .usk-upsells section.products h2 a {
5732 color: #000;
5733 }
5734 .elementor-widget-usk-up-sells section.up-sells.upsells.products h2 {
5735 display: none;
5736 }
5737 .elementor-widget-usk-up-sells ul.products li.product,
5738 .elementor-widget-usk-up-sells .woocommerce-page ul.products li.product {
5739 border: 1px solid #eee;
5740 padding: 30px !important;
5741 display: inline-block;
5742 border-radius: 5px;
5743 }
5744
5745 .usk-edd-beauty-grid .usk-edd-beauty-grid-wrapper {
5746 display: grid;
5747 grid-template-columns: repeat(3, 1fr);
5748 grid-gap: 10px;
5749 }
5750 .usk-edd-beauty-grid .usk-edd-beauty-grid-item {
5751 transition: all 0.3s ease-in-out;
5752 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
5753 background-color: #fff;
5754 }
5755 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover {
5756 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
5757 }
5758 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover .usk-edd-beauty-grid-image img {
5759 transform: translateY(-20PX);
5760 }
5761 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover .usk-action-button {
5762 transform: translateY(0);
5763 opacity: 1;
5764 transition-delay: 0.2s;
5765 }
5766 .usk-edd-beauty-grid .usk-edd-beauty-grid-image-wrapper {
5767 width: 100%;
5768 height: 300px;
5769 position: relative;
5770 overflow: hidden;
5771 }
5772 .usk-edd-beauty-grid .usk-edd-beauty-grid-image {
5773 height: 100%;
5774 width: 100%;
5775 }
5776 .usk-edd-beauty-grid .usk-edd-beauty-grid-image img {
5777 width: 100%;
5778 height: 110%;
5779 object-fit: cover;
5780 transform: translateY(0);
5781 transition: all 0.5s ease;
5782 }
5783 .usk-edd-beauty-grid .usk-action-button {
5784 position: absolute;
5785 bottom: 0;
5786 left: 0;
5787 right: 0;
5788 display: inline-flex;
5789 align-items: center;
5790 margin: 0 20px;
5791 text-align: center;
5792 transform: translateY(30px);
5793 opacity: 0;
5794 transition: all 0.3s ease;
5795 }
5796 .usk-edd-beauty-grid .usk-action-button .edd_purchase_submit_wrapper {
5797 padding: 0;
5798 }
5799 .usk-edd-beauty-grid .usk-action-button a,
5800 .usk-edd-beauty-grid .usk-action-button .edd-add-to-cart {
5801 padding: 14px 0;
5802 font-size: 10px;
5803 text-transform: uppercase;
5804 font-weight: 500;
5805 text-decoration: none;
5806 width: 100%;
5807 transition: all 0.3s ease;
5808 display: inline-block;
5809 border: 0;
5810 border-radius: 0;
5811 line-height: 1;
5812 }
5813 .usk-edd-beauty-grid .usk-action-button .blue,
5814 .usk-edd-beauty-grid .usk-action-button .edd-add-to-cart {
5815 color: #fff;
5816 background-color: #d71400;
5817 }
5818 .usk-edd-beauty-grid .usk-action-button .blue:hover,
5819 .usk-edd-beauty-grid .usk-action-button .usk-details-button a:hover {
5820 color: #000;
5821 background-color: #fff;
5822 }
5823 .usk-edd-beauty-grid .usk-action-button input[type=submit] {
5824 display: none;
5825 }
5826 .usk-edd-beauty-grid .edd_download_purchase_form,
5827 .usk-edd-beauty-grid .usk-details-button {
5828 width: 100%;
5829 }
5830 .usk-edd-beauty-grid .usk-details-button a {
5831 color: #fff;
5832 background-color: #000;
5833 }
5834 .usk-edd-beauty-grid .usk-edd-content {
5835 text-align: center;
5836 padding: 25px 20px;
5837 }
5838 .usk-edd-beauty-grid .usk-edd-category {
5839 margin-bottom: 10px;
5840 display: inline-block;
5841 }
5842 .usk-edd-beauty-grid .usk-edd-category a {
5843 color: #666b82;
5844 font-size: 11px;
5845 text-transform: uppercase;
5846 text-decoration: none;
5847 transition: all 0.3s ease-in-out;
5848 }
5849 .usk-edd-beauty-grid .usk-edd-category a:hover {
5850 color: #d71400;
5851 }
5852 .usk-edd-beauty-grid .usk-edd-title {
5853 font-size: 16px;
5854 font-weight: 700;
5855 text-transform: uppercase;
5856 margin: 0 0 2px;
5857 }
5858 .usk-edd-beauty-grid .usk-edd-title a {
5859 color: rgba(40, 40, 57, 0.96);
5860 text-decoration: none;
5861 transition: all 0.3s ease-in-out;
5862 }
5863 .usk-edd-beauty-grid .usk-edd-title a:hover {
5864 color: #d71400;
5865 }
5866 .usk-edd-beauty-grid .usk-edd-price {
5867 font-size: 11px;
5868 font-weight: 600;
5869 display: inline-flex;
5870 align-content: center;
5871 justify-content: center;
5872 grid-column-gap: 10px;
5873 color: rgba(40, 40, 57, 0.96);
5874 text-transform: uppercase;
5875 }
5876
5877 @media (min-width: 768px) {
5878 .usk-edd-beauty-grid {
5879 grid-template-columns: repeat(2, 1fr);
5880 }
5881 }
5882 @media (min-width: 1024px) {
5883 .usk-edd-beauty-grid {
5884 grid-template-columns: repeat(4, 1fr);
5885 }
5886 }
5887 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item {
5888 transition: all 0.3s ease-in-out;
5889 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
5890 background-color: #fff;
5891 }
5892 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover {
5893 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
5894 }
5895 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover .usk-edd-beauty-carousel-image img {
5896 transform: translateY(-20PX);
5897 }
5898 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover .usk-action-button {
5899 transform: translateY(0);
5900 opacity: 1;
5901 transition-delay: 0.2s;
5902 }
5903 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image-wrapper {
5904 width: 100%;
5905 height: 300px;
5906 position: relative;
5907 overflow: hidden;
5908 }
5909 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image {
5910 height: 100%;
5911 width: 100%;
5912 }
5913 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image img {
5914 width: 100%;
5915 height: 110%;
5916 object-fit: cover;
5917 transform: translateY(0);
5918 transition: all 0.5s ease;
5919 }
5920 .usk-edd-beauty-carousel .usk-action-button {
5921 position: absolute;
5922 bottom: 0;
5923 left: 0;
5924 right: 0;
5925 display: inline-flex;
5926 align-items: center;
5927 margin: 0 20px;
5928 text-align: center;
5929 transform: translateY(30px);
5930 opacity: 0;
5931 transition: all 0.3s ease;
5932 }
5933 .usk-edd-beauty-carousel .usk-action-button .edd_purchase_submit_wrapper {
5934 padding: 0;
5935 }
5936 .usk-edd-beauty-carousel .usk-action-button a,
5937 .usk-edd-beauty-carousel .usk-action-button .edd-add-to-cart {
5938 padding: 14px 0;
5939 font-size: 10px;
5940 text-transform: uppercase;
5941 font-weight: 500;
5942 text-decoration: none;
5943 width: 100%;
5944 transition: all 0.3s ease;
5945 display: inline-block;
5946 border: 0;
5947 border-radius: 0;
5948 line-height: 1;
5949 }
5950 .usk-edd-beauty-carousel .usk-action-button .blue,
5951 .usk-edd-beauty-carousel .usk-action-button .edd-add-to-cart {
5952 color: #fff;
5953 background-color: #d71400;
5954 }
5955 .usk-edd-beauty-carousel .usk-action-button .blue:hover,
5956 .usk-edd-beauty-carousel .usk-action-button .usk-details-button a:hover {
5957 color: #000;
5958 background-color: #fff;
5959 }
5960 .usk-edd-beauty-carousel .usk-action-button input[type=submit] {
5961 display: none;
5962 }
5963 .usk-edd-beauty-carousel .edd_download_purchase_form,
5964 .usk-edd-beauty-carousel .usk-details-button {
5965 width: 100%;
5966 }
5967 .usk-edd-beauty-carousel .usk-details-button a {
5968 color: #fff;
5969 background-color: #000;
5970 }
5971 .usk-edd-beauty-carousel .usk-edd-content {
5972 text-align: center;
5973 padding: 25px 20px;
5974 }
5975 .usk-edd-beauty-carousel .usk-edd-category {
5976 margin-bottom: 10px;
5977 display: inline-block;
5978 }
5979 .usk-edd-beauty-carousel .usk-edd-category a {
5980 color: #666b82;
5981 font-size: 11px;
5982 text-transform: uppercase;
5983 text-decoration: none;
5984 transition: all 0.3s ease-in-out;
5985 }
5986 .usk-edd-beauty-carousel .usk-edd-category a:hover {
5987 color: #d71400;
5988 }
5989 .usk-edd-beauty-carousel .usk-edd-title {
5990 font-size: 16px;
5991 font-weight: 700;
5992 text-transform: uppercase;
5993 margin: 0 0 2px;
5994 }
5995 .usk-edd-beauty-carousel .usk-edd-title a {
5996 color: rgba(40, 40, 57, 0.96);
5997 text-decoration: none;
5998 transition: all 0.3s ease-in-out;
5999 }
6000 .usk-edd-beauty-carousel .usk-edd-title a:hover {
6001 color: #d71400;
6002 }
6003 .usk-edd-beauty-carousel .usk-edd-price {
6004 font-size: 11px;
6005 font-weight: 600;
6006 display: inline-flex;
6007 align-content: center;
6008 justify-content: center;
6009 grid-column-gap: 10px;
6010 color: rgba(40, 40, 57, 0.96);
6011 text-transform: uppercase;
6012 }
6013
6014 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-container {
6015 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0));
6016 transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0));
6017 }
6018 .elementor-widget-usk-edd-beauty-carousel .usk-dots-container {
6019 -webkit-transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 30));
6020 transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 30));
6021 }
6022 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-dots-container {
6023 -webkit-transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 40));
6024 transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 40));
6025 }
6026 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-fraction-container {
6027 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 40));
6028 transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 40));
6029 }
6030 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-container,
6031 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-container {
6032 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0)) rotate(90deg);
6033 transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0)) rotate(90deg);
6034 }
6035 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-dots-container,
6036 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-dots-container {
6037 -webkit-transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 0)) rotate(90deg);
6038 transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 0)) rotate(90deg);
6039 }
6040 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-dots-container,
6041 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-dots-container {
6042 -webkit-transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 0)) rotate(90deg);
6043 transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 0)) rotate(90deg);
6044 }
6045 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-fraction-container,
6046 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-fraction-container {
6047 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6048 transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6049 }
6050
6051 .usk-edd-classic-carousel .usk-edd-classic-carousel-item {
6052 transition: all 0.3s ease-in-out;
6053 border-width: 2px;
6054 border-style: solid;
6055 border-color: #f2f2f3;
6056 border-radius: 5px;
6057 }
6058 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover {
6059 border-color: #f00;
6060 }
6061 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-edd-classic-carousel-image-wrapper::before {
6062 opacity: 1;
6063 }
6064 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper,
6065 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button,
6066 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd-add-to-cart {
6067 opacity: 1;
6068 transform: scale(1);
6069 }
6070 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper {
6071 transition-delay: 0.3s;
6072 }
6073 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button {
6074 transition-delay: 0.5s;
6075 }
6076 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper {
6077 position: relative;
6078 }
6079 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper::before {
6080 position: absolute;
6081 content: "";
6082 width: 100%;
6083 height: 100%;
6084 top: 0;
6085 left: 0;
6086 background: rgba(255, 255, 255, 0.529);
6087 opacity: 0;
6088 transition: all 0.3s ease-in-out;
6089 }
6090 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper img {
6091 width: 100%;
6092 height: 100%;
6093 object-fit: cover;
6094 }
6095 .usk-edd-classic-carousel .usk-action-button {
6096 position: absolute;
6097 top: 50%;
6098 left: 0;
6099 right: 0;
6100 margin: 0 90px;
6101 display: inline-flex;
6102 flex-direction: column;
6103 text-align: center;
6104 transform: translateY(-50%);
6105 }
6106 .usk-edd-classic-carousel .usk-action-button input[type=submit] {
6107 display: none;
6108 }
6109 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper {
6110 margin-bottom: 10px;
6111 }
6112 .usk-edd-classic-carousel .usk-action-button .edd-loading {
6113 position: absolute !important;
6114 }
6115 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper,
6116 .usk-edd-classic-carousel .usk-action-button .usk-details-button {
6117 transform: scale(0.5);
6118 opacity: 0;
6119 transition: all 0.3s ease-in-out;
6120 }
6121 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
6122 .usk-edd-classic-carousel .usk-action-button .usk-details-button a {
6123 display: block;
6124 }
6125 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
6126 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
6127 .usk-edd-classic-carousel .usk-action-button .usk-details-button a,
6128 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart {
6129 background-color: #000;
6130 padding: 12px 20px;
6131 font-size: 10px;
6132 text-transform: uppercase;
6133 font-weight: 700;
6134 color: #fff;
6135 text-decoration: navajowhite;
6136 border-radius: 5px;
6137 overflow: hidden;
6138 position: relative;
6139 border: 0;
6140 transition: all 0.3s ease-in-out;
6141 width: 100%;
6142 }
6143 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a:hover,
6144 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
6145 .usk-edd-classic-carousel .usk-action-button .usk-details-button a:hover,
6146 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart:hover {
6147 background-color: #d71400;
6148 }
6149 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
6150 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
6151 .usk-edd-classic-carousel .usk-action-button .usk-details-button a .usk-cart-button,
6152 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
6153 margin-bottom: 10px;
6154 }
6155 .usk-edd-classic-carousel .usk-edd-content {
6156 text-align: center;
6157 padding: 20px;
6158 }
6159 .usk-edd-classic-carousel .usk-edd-category {
6160 margin-bottom: 10px;
6161 display: inline-block;
6162 }
6163 .usk-edd-classic-carousel .usk-edd-category a {
6164 color: #5b5d66;
6165 font-size: 13px;
6166 text-transform: capitalize;
6167 text-decoration: none;
6168 transition: all 0.3s ease-in-out;
6169 }
6170 .usk-edd-classic-carousel .usk-edd-category a:hover {
6171 color: #d71400;
6172 }
6173 .usk-edd-classic-carousel .usk-edd-title {
6174 font-size: 16px;
6175 font-weight: 700;
6176 text-transform: capitalize;
6177 margin: 0 0 10px;
6178 }
6179 .usk-edd-classic-carousel .usk-edd-title a {
6180 color: rgba(40, 40, 57, 0.96);
6181 text-decoration: none;
6182 transition: all 0.3s ease-in-out;
6183 }
6184 .usk-edd-classic-carousel .usk-edd-title a:hover {
6185 color: #d71400;
6186 }
6187 .usk-edd-classic-carousel .usk-edd-price {
6188 font-size: 13px;
6189 font-weight: 600;
6190 margin-bottom: 10px;
6191 display: inline-flex;
6192 align-content: center;
6193 justify-content: center;
6194 grid-column-gap: 10px;
6195 }
6196
6197 .elementor-widget-usk-edd-classic-carousel .usk-arrows-container {
6198 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
6199 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
6200 }
6201 .elementor-widget-usk-edd-classic-carousel .usk-dots-container {
6202 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
6203 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
6204 }
6205 .elementor-widget-usk-edd-classic-carousel .usk-arrows-dots-container {
6206 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
6207 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
6208 }
6209 .elementor-widget-usk-edd-classic-carousel .usk-arrows-fraction-container {
6210 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
6211 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
6212 }
6213 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-container,
6214 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-container {
6215 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(90deg);
6216 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(90deg);
6217 }
6218 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-dots-container,
6219 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-dots-container {
6220 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(90deg);
6221 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(90deg);
6222 }
6223 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-dots-container,
6224 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-dots-container {
6225 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(90deg);
6226 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(90deg);
6227 }
6228 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-fraction-container,
6229 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-fraction-container {
6230 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6231 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6232 }
6233
6234 .usk-edd-standard-carousel .usk-edd-standard-carousel-item {
6235 transition: all 0.3s ease-in-out;
6236 border-width: 2px;
6237 border-style: solid;
6238 border-color: transparent;
6239 overflow: hidden;
6240 background-color: #fff;
6241 }
6242 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover {
6243 border-color: #f00;
6244 }
6245 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-action-button,
6246 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .edd-add-to-cart {
6247 opacity: 1;
6248 transform: translateY(0);
6249 }
6250 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-edd-content {
6251 transform: translateY(-50px);
6252 }
6253 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-details-button a {
6254 transform: scale(1);
6255 opacity: 1;
6256 transition-delay: 0.3s;
6257 }
6258 .usk-edd-standard-carousel .usk-edd-standard-carousel-image {
6259 position: relative;
6260 }
6261 .usk-edd-standard-carousel .usk-edd-standard-carousel-image img {
6262 width: 100%;
6263 height: 100%;
6264 object-fit: cover;
6265 }
6266 .usk-edd-standard-carousel .usk-action-button {
6267 position: absolute;
6268 bottom: -29%;
6269 left: 0;
6270 text-align: center;
6271 right: 0;
6272 opacity: 0;
6273 transform: translateY(30px);
6274 transition: all 0.3s ease;
6275 display: flex;
6276 align-items: center;
6277 justify-content: center;
6278 z-index: 1;
6279 }
6280 .usk-edd-standard-carousel .usk-action-button input[type=submit] {
6281 display: none;
6282 }
6283 .usk-edd-standard-carousel .usk-action-button a,
6284 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart {
6285 padding: 15px 30px;
6286 font-size: 10px;
6287 text-transform: uppercase;
6288 font-weight: 700;
6289 color: #fff;
6290 text-decoration: none;
6291 overflow: hidden;
6292 transition: all 0.3s ease;
6293 position: relative;
6294 display: inline-block;
6295 vertical-align: middle;
6296 border-radius: 0;
6297 line-height: 1;
6298 border: 0;
6299 }
6300 .usk-edd-standard-carousel .usk-action-button .blue,
6301 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart {
6302 background-color: #000;
6303 transition: background 0.3s ease;
6304 }
6305 .usk-edd-standard-carousel .usk-action-button .blue:hover,
6306 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart:hover {
6307 background-color: #d71400;
6308 }
6309 .usk-edd-standard-carousel .usk-action-button .usk-details-button a {
6310 background-color: #d71400;
6311 transition: background 0.3s ease;
6312 }
6313 .usk-edd-standard-carousel .usk-action-button .usk-details-button a:hover {
6314 background-color: #000;
6315 }
6316 .usk-edd-standard-carousel .usk-edd-content {
6317 text-align: center;
6318 padding: 20px;
6319 transform: translateY(0);
6320 transition: all 0.3s ease;
6321 }
6322 .usk-edd-standard-carousel .usk-edd-category {
6323 margin-bottom: 6px;
6324 display: inline-block;
6325 }
6326 .usk-edd-standard-carousel .usk-edd-category a {
6327 color: #5b5d66;
6328 font-size: 13px;
6329 text-transform: capitalize;
6330 text-decoration: none;
6331 transition: all 0.3s ease-in-out;
6332 }
6333 .usk-edd-standard-carousel .usk-edd-category a:hover {
6334 color: #d71400;
6335 }
6336 .usk-edd-standard-carousel .usk-edd-title {
6337 font-size: 15px;
6338 font-weight: 700;
6339 text-transform: capitalize;
6340 margin: 0 0 6px;
6341 }
6342 .usk-edd-standard-carousel .usk-edd-title a {
6343 color: rgba(40, 40, 57, 0.96);
6344 text-decoration: none;
6345 transition: all 0.3s ease-in-out;
6346 }
6347 .usk-edd-standard-carousel .usk-edd-title a:hover {
6348 color: #d71400;
6349 }
6350 .usk-edd-standard-carousel .usk-edd-price {
6351 font-size: 13px;
6352 font-weight: 600;
6353 display: inline-flex;
6354 align-content: center;
6355 justify-content: center;
6356 grid-column-gap: 10px;
6357 }
6358
6359 .elementor-widget-usk-edd-standard-carousel .usk-arrows-container {
6360 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0));
6361 transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0));
6362 }
6363 .elementor-widget-usk-edd-standard-carousel .usk-dots-container {
6364 -webkit-transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 30));
6365 transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 30));
6366 }
6367 .elementor-widget-usk-edd-standard-carousel .usk-arrows-dots-container {
6368 -webkit-transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 40));
6369 transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 40));
6370 }
6371 .elementor-widget-usk-edd-standard-carousel .usk-arrows-fraction-container {
6372 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 40));
6373 transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 40));
6374 }
6375 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-container,
6376 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-container {
6377 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0)) rotate(90deg);
6378 transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0)) rotate(90deg);
6379 }
6380 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-dots-container,
6381 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-dots-container {
6382 -webkit-transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 0)) rotate(90deg);
6383 transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 0)) rotate(90deg);
6384 }
6385 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-dots-container,
6386 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-dots-container {
6387 -webkit-transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 0)) rotate(90deg);
6388 transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 0)) rotate(90deg);
6389 }
6390 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-fraction-container,
6391 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-fraction-container {
6392 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6393 transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6394 }
6395
6396 .usk-edd-trendy-carousel {
6397 padding: 30px;
6398 }
6399 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item {
6400 background-color: #fff;
6401 transition: all 0.3s ease;
6402 position: relative;
6403 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
6404 z-index: 1;
6405 }
6406 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover {
6407 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
6408 }
6409 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover::before {
6410 width: 100%;
6411 visibility: visible;
6412 opacity: 1;
6413 transition-delay: 0.6s;
6414 }
6415 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button a,
6416 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button .edd-add-to-cart {
6417 opacity: 1;
6418 visibility: visible;
6419 transform: translateY(0);
6420 }
6421 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button .usk-details-button a {
6422 transition-delay: 0.1s;
6423 }
6424 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-edd-price {
6425 opacity: 0;
6426 visibility: hidden;
6427 transform: translateY(-20px);
6428 }
6429 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item::before {
6430 content: "";
6431 position: absolute;
6432 bottom: 0;
6433 left: 50%;
6434 transform: translateX(-50%);
6435 width: 0;
6436 height: 3px;
6437 background-color: #EF262C;
6438 visibility: hidden;
6439 opacity: 0;
6440 transition-duration: 0.4s;
6441 transition: all 0.2s linear;
6442 }
6443 .usk-edd-trendy-carousel .usk-edd-category {
6444 display: inline-flex;
6445 align-items: center;
6446 grid-column-gap: 7px;
6447 margin-bottom: 15px;
6448 }
6449 .usk-edd-trendy-carousel .usk-edd-category a {
6450 color: #908e98;
6451 font-size: 14px;
6452 text-decoration: none;
6453 font-weight: 500;
6454 transition: color 0.3s ease;
6455 }
6456 .usk-edd-trendy-carousel .usk-edd-category a:hover {
6457 color: #EF262C;
6458 }
6459 .usk-edd-trendy-carousel .usk-edd-title {
6460 margin: 0;
6461 font-size: 18px;
6462 font-weight: 700;
6463 }
6464 .usk-edd-trendy-carousel .usk-edd-title a {
6465 color: #202031;
6466 text-decoration: none;
6467 transition: color 0.3s ease;
6468 }
6469 .usk-edd-trendy-carousel .usk-edd-title a:hover {
6470 color: #EF262C;
6471 }
6472 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-image {
6473 position: relative;
6474 }
6475 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-image img {
6476 width: 100%;
6477 height: 100%;
6478 object-fit: cover;
6479 }
6480 .usk-edd-trendy-carousel .usk-top-content {
6481 padding: 25px;
6482 }
6483 .usk-edd-trendy-carousel .usk-edd-content {
6484 padding: 25px;
6485 }
6486 .usk-edd-trendy-carousel .usk-edd-content .usk-edd-price {
6487 display: flex;
6488 font-size: 12px;
6489 font-weight: 600;
6490 grid-column-gap: 10px;
6491 color: #14161d;
6492 text-transform: uppercase;
6493 opacity: 1;
6494 visibility: visible;
6495 transform: translateY(0);
6496 transition: all 0.3s ease;
6497 }
6498 .usk-edd-trendy-carousel .usk-action-button {
6499 position: absolute;
6500 bottom: 0;
6501 left: 0;
6502 right: 0;
6503 margin: 25px;
6504 display: flex;
6505 flex-direction: column;
6506 grid-row-gap: 5px;
6507 }
6508 .usk-edd-trendy-carousel .usk-action-button input[type=submit] {
6509 display: none;
6510 }
6511 .usk-edd-trendy-carousel .usk-action-button a,
6512 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart {
6513 width: 100%;
6514 display: block;
6515 padding: 14px 0;
6516 font-size: 12px;
6517 text-transform: uppercase;
6518 font-weight: 700;
6519 text-decoration: none;
6520 color: #fff;
6521 position: relative;
6522 overflow: hidden;
6523 opacity: 0;
6524 visibility: hidden;
6525 transform: translateY(20px);
6526 transition: all 0.3s ease;
6527 cursor: pointer;
6528 border: 0;
6529 border-radius: 0;
6530 line-height: 1;
6531 text-align: center;
6532 }
6533 .usk-edd-trendy-carousel .usk-action-button a.blue,
6534 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart.blue {
6535 background-color: #EF262C;
6536 }
6537 .usk-edd-trendy-carousel .usk-action-button a.blue:hover,
6538 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart.blue:hover {
6539 background-color: #d61017;
6540 }
6541 .usk-edd-trendy-carousel .usk-action-button .usk-details-button a {
6542 background: #1d1e25;
6543 }
6544 .usk-edd-trendy-carousel .usk-action-button .usk-details-button a:hover {
6545 background-color: #000;
6546 }
6547
6548 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-container {
6549 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0));
6550 transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0));
6551 }
6552 .elementor-widget-usk-edd-trendy-carousel .usk-dots-container {
6553 -webkit-transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 30));
6554 transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 30));
6555 }
6556 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-dots-container {
6557 -webkit-transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 40));
6558 transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 40));
6559 }
6560 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-fraction-container {
6561 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 40));
6562 transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 40));
6563 }
6564 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-container,
6565 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-container {
6566 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0)) rotate(90deg);
6567 transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0)) rotate(90deg);
6568 }
6569 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-dots-container,
6570 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-dots-container {
6571 -webkit-transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 0)) rotate(90deg);
6572 transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 0)) rotate(90deg);
6573 }
6574 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-dots-container,
6575 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-dots-container {
6576 -webkit-transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 0)) rotate(90deg);
6577 transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 0)) rotate(90deg);
6578 }
6579 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-fraction-container,
6580 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-fraction-container {
6581 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6582 transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
6583 }
6584
6585 .usk-edd-classic-grid .usk-edd-classic-grid-wrapper {
6586 display: grid;
6587 grid-template-columns: repeat(3, 1fr);
6588 grid-gap: 10px;
6589 }
6590 .usk-edd-classic-grid .usk-edd-classic-grid-item {
6591 transition: all 0.3s ease-in-out;
6592 border-width: 2px;
6593 border-style: solid;
6594 border-color: #f2f2f3;
6595 border-radius: 5px;
6596 }
6597 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover {
6598 border-color: #f00;
6599 }
6600 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-edd-classic-grid-image-wrapper::before {
6601 opacity: 1;
6602 }
6603 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd_purchase_submit_wrapper,
6604 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .usk-details-button,
6605 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd-add-to-cart {
6606 opacity: 1;
6607 transform: scale(1);
6608 }
6609 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd_purchase_submit_wrapper {
6610 transition-delay: 0.3s;
6611 }
6612 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .usk-details-button {
6613 transition-delay: 0.5s;
6614 }
6615 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper {
6616 position: relative;
6617 }
6618 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper::before {
6619 position: absolute;
6620 content: "";
6621 width: 100%;
6622 height: 100%;
6623 top: 0;
6624 left: 0;
6625 background: rgba(255, 255, 255, 0.529);
6626 opacity: 0;
6627 transition: all 0.3s ease-in-out;
6628 }
6629 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper img {
6630 width: 100%;
6631 height: 100%;
6632 object-fit: cover;
6633 }
6634 .usk-edd-classic-grid .usk-action-button {
6635 position: absolute;
6636 top: 50%;
6637 left: 0;
6638 right: 0;
6639 margin: 0 70px;
6640 display: inline-flex;
6641 flex-direction: column;
6642 text-align: center;
6643 transform: translateY(-50%);
6644 }
6645 .usk-edd-classic-grid .usk-action-button input[type=submit] {
6646 display: none;
6647 }
6648 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper {
6649 margin-bottom: 10px;
6650 }
6651 .usk-edd-classic-grid .usk-action-button .edd-loading {
6652 position: absolute !important;
6653 }
6654 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper,
6655 .usk-edd-classic-grid .usk-action-button .usk-details-button {
6656 transform: scale(0.5);
6657 opacity: 0;
6658 transition: all 0.3s ease-in-out;
6659 }
6660 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a,
6661 .usk-edd-classic-grid .usk-action-button .usk-details-button a {
6662 display: block;
6663 }
6664 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a,
6665 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
6666 .usk-edd-classic-grid .usk-action-button .usk-details-button a,
6667 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart {
6668 width: 100%;
6669 background-color: #000;
6670 padding: 12px 20px;
6671 font-size: 10px;
6672 text-transform: uppercase;
6673 font-weight: 700;
6674 color: #fff;
6675 text-decoration: navajowhite;
6676 border-radius: 5px;
6677 overflow: hidden;
6678 position: relative;
6679 border: 0;
6680 transition: all 0.3s ease-in-out;
6681 }
6682 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a:hover,
6683 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
6684 .usk-edd-classic-grid .usk-action-button .usk-details-button a:hover,
6685 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart:hover {
6686 background-color: #d71400;
6687 }
6688 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
6689 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
6690 .usk-edd-classic-grid .usk-action-button .usk-details-button a .usk-cart-button,
6691 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
6692 margin-bottom: 10px;
6693 }
6694 .usk-edd-classic-grid .usk-edd-content {
6695 text-align: center;
6696 padding: 20px;
6697 }
6698 .usk-edd-classic-grid .usk-edd-category {
6699 margin-bottom: 10px;
6700 display: inline-block;
6701 }
6702 .usk-edd-classic-grid .usk-edd-category a {
6703 color: #5b5d66;
6704 font-size: 13px;
6705 text-transform: capitalize;
6706 text-decoration: none;
6707 transition: all 0.3s ease-in-out;
6708 }
6709 .usk-edd-classic-grid .usk-edd-category a:hover {
6710 color: #d71400;
6711 }
6712 .usk-edd-classic-grid .usk-edd-title {
6713 font-size: 16px;
6714 font-weight: 700;
6715 text-transform: capitalize;
6716 margin: 0 0 10px;
6717 }
6718 .usk-edd-classic-grid .usk-edd-title a {
6719 color: rgba(40, 40, 57, 0.96);
6720 text-decoration: none;
6721 transition: all 0.3s ease-in-out;
6722 }
6723 .usk-edd-classic-grid .usk-edd-title a:hover {
6724 color: #d71400;
6725 }
6726 .usk-edd-classic-grid .usk-edd-price {
6727 font-size: 13px;
6728 font-weight: 600;
6729 margin-bottom: 10px;
6730 display: inline-flex;
6731 align-content: center;
6732 justify-content: center;
6733 grid-column-gap: 10px;
6734 }
6735
6736 @media (min-width: 768px) {
6737 .usk-edd-classic-grid {
6738 grid-template-columns: repeat(2, 1fr);
6739 }
6740 }
6741 @media (min-width: 1024px) {
6742 .usk-edd-classic-grid {
6743 grid-template-columns: repeat(4, 1fr);
6744 }
6745 }
6746 .usk-edd-standard-grid .usk-edd-standard-grid-wrapper {
6747 display: grid;
6748 grid-template-columns: repeat(3, 1fr);
6749 grid-gap: 10px;
6750 }
6751 .usk-edd-standard-grid .usk-edd-standard-grid-item {
6752 transition: all 0.3s ease-in-out;
6753 border-width: 2px;
6754 border-style: solid;
6755 border-color: transparent;
6756 overflow: hidden;
6757 background-color: #fff;
6758 }
6759 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover {
6760 border-color: #f00;
6761 }
6762 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover .usk-action-button {
6763 opacity: 1;
6764 transform: translateY(0);
6765 }
6766 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover .usk-edd-content {
6767 transform: translateY(-50px);
6768 }
6769 .usk-edd-standard-grid .usk-edd-standard-grid-image {
6770 position: relative;
6771 }
6772 .usk-edd-standard-grid .usk-edd-standard-grid-image img {
6773 width: 100%;
6774 height: 100%;
6775 object-fit: cover;
6776 }
6777 .usk-edd-standard-grid .usk-action-button {
6778 position: absolute;
6779 bottom: -25%;
6780 left: 0;
6781 text-align: center;
6782 right: 0;
6783 opacity: 0;
6784 transform: translateY(30px);
6785 transition: all 0.3s ease;
6786 display: flex;
6787 align-items: center;
6788 justify-content: center;
6789 }
6790 .usk-edd-standard-grid .usk-action-button input[type=submit] {
6791 display: none;
6792 }
6793 .usk-edd-standard-grid .usk-action-button a,
6794 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart {
6795 padding: 15px 30px;
6796 font-size: 10px;
6797 text-transform: uppercase;
6798 font-weight: 700;
6799 color: #fff;
6800 text-decoration: none;
6801 overflow: hidden;
6802 transition: all 0.3s ease-in-out;
6803 position: relative;
6804 display: inline-block;
6805 vertical-align: middle;
6806 border-radius: 0;
6807 line-height: 1;
6808 border: 0;
6809 }
6810 .usk-edd-standard-grid .usk-action-button .blue,
6811 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart {
6812 background-color: #000;
6813 }
6814 .usk-edd-standard-grid .usk-action-button .blue:hover,
6815 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart:hover {
6816 background-color: #d71400;
6817 }
6818 .usk-edd-standard-grid .usk-action-button .usk-details-button a {
6819 background-color: #d71400;
6820 }
6821 .usk-edd-standard-grid .usk-action-button .usk-details-button a:hover {
6822 background-color: #000;
6823 }
6824 .usk-edd-standard-grid .usk-edd-content {
6825 text-align: center;
6826 padding: 20px;
6827 transform: translateY(0);
6828 transition: all 0.3s ease;
6829 }
6830 .usk-edd-standard-grid .usk-edd-category {
6831 margin-bottom: 6px;
6832 display: inline-block;
6833 }
6834 .usk-edd-standard-grid .usk-edd-category a {
6835 color: #5b5d66;
6836 font-size: 13px;
6837 text-transform: capitalize;
6838 text-decoration: none;
6839 transition: all 0.3s ease-in-out;
6840 }
6841 .usk-edd-standard-grid .usk-edd-category a:hover {
6842 color: #d71400;
6843 }
6844 .usk-edd-standard-grid .usk-edd-title {
6845 font-size: 15px;
6846 font-weight: 700;
6847 text-transform: capitalize;
6848 margin: 0 0 6px;
6849 }
6850 .usk-edd-standard-grid .usk-edd-title a {
6851 color: rgba(40, 40, 57, 0.96);
6852 text-decoration: none;
6853 transition: all 0.3s ease-in-out;
6854 }
6855 .usk-edd-standard-grid .usk-edd-title a:hover {
6856 color: #d71400;
6857 }
6858 .usk-edd-standard-grid .usk-edd-price {
6859 font-size: 13px;
6860 font-weight: 600;
6861 display: inline-flex;
6862 align-content: center;
6863 justify-content: center;
6864 grid-column-gap: 10px;
6865 }
6866
6867 @media (min-width: 768px) {
6868 .usk-edd-standard-grid-wrapper {
6869 grid-template-columns: repeat(2, 1fr);
6870 }
6871 }
6872 @media (min-width: 1024px) {
6873 .usk-edd-standard-grid-wrapper {
6874 grid-template-columns: repeat(4, 1fr);
6875 }
6876 }
6877 .usk-edd-trendy-grid .usk-edd-trendy-grid-wrapper {
6878 display: grid;
6879 grid-template-columns: repeat(3, 1fr);
6880 grid-gap: 10px;
6881 padding: 30px;
6882 }
6883 .usk-edd-trendy-grid .usk-edd-trendy-grid-item {
6884 background-color: #fff;
6885 transition: all 0.3s ease;
6886 position: relative;
6887 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
6888 z-index: 1;
6889 }
6890 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover {
6891 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
6892 }
6893 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover::before {
6894 width: 100%;
6895 visibility: visible;
6896 opacity: 1;
6897 transition-delay: 0.5s;
6898 }
6899 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button a,
6900 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button .edd-add-to-cart {
6901 opacity: 1;
6902 visibility: visible;
6903 transform: translateY(0);
6904 }
6905 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button .usk-details-button a {
6906 transition-delay: 0.1s;
6907 }
6908 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-edd-price {
6909 opacity: 0;
6910 visibility: hidden;
6911 transform: translateY(-20px);
6912 }
6913 .usk-edd-trendy-grid .usk-edd-trendy-grid-item::before {
6914 content: "";
6915 position: absolute;
6916 bottom: 0;
6917 left: 50%;
6918 transform: translateX(-50%);
6919 width: 0;
6920 height: 3px;
6921 background-color: #EF262C;
6922 visibility: hidden;
6923 opacity: 0;
6924 transition-duration: 0.4s;
6925 transition: all 0.2s linear;
6926 }
6927 .usk-edd-trendy-grid .usk-edd-category {
6928 display: inline-flex;
6929 align-items: center;
6930 grid-column-gap: 7px;
6931 margin-bottom: 15px;
6932 }
6933 .usk-edd-trendy-grid .usk-edd-category a {
6934 color: #908e98;
6935 font-size: 14px;
6936 text-decoration: none;
6937 font-weight: 500;
6938 transition: color 0.3s ease;
6939 }
6940 .usk-edd-trendy-grid .usk-edd-category a:hover {
6941 color: #EF262C;
6942 }
6943 .usk-edd-trendy-grid .usk-edd-title {
6944 margin: 0;
6945 font-size: 18px;
6946 font-weight: 700;
6947 }
6948 .usk-edd-trendy-grid .usk-edd-title a {
6949 color: #202031;
6950 text-decoration: none;
6951 transition: color 0.3s ease;
6952 }
6953 .usk-edd-trendy-grid .usk-edd-title a:hover {
6954 color: #EF262C;
6955 }
6956 .usk-edd-trendy-grid .usk-edd-trendy-grid-image {
6957 position: relative;
6958 }
6959 .usk-edd-trendy-grid .usk-edd-trendy-grid-image img {
6960 width: 100%;
6961 height: 100%;
6962 object-fit: cover;
6963 }
6964 .usk-edd-trendy-grid .usk-top-content {
6965 padding: 25px;
6966 }
6967 .usk-edd-trendy-grid .usk-edd-content {
6968 padding: 25px;
6969 }
6970 .usk-edd-trendy-grid .usk-edd-content .usk-edd-price {
6971 display: flex;
6972 font-size: 12px;
6973 font-weight: 600;
6974 grid-column-gap: 10px;
6975 color: #14161d;
6976 text-transform: uppercase;
6977 opacity: 1;
6978 visibility: visible;
6979 transform: translateY(0);
6980 transition: all 0.3s ease;
6981 }
6982 .usk-edd-trendy-grid .usk-action-button {
6983 position: absolute;
6984 bottom: 0;
6985 left: 0;
6986 right: 0;
6987 margin: 25px;
6988 display: flex;
6989 flex-direction: column;
6990 grid-row-gap: 5px;
6991 }
6992 .usk-edd-trendy-grid .usk-action-button input[type=submit] {
6993 display: none;
6994 }
6995 .usk-edd-trendy-grid .usk-action-button a,
6996 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart {
6997 width: 100%;
6998 display: block;
6999 padding: 14px 0;
7000 font-size: 12px;
7001 text-transform: uppercase;
7002 font-weight: 700;
7003 text-decoration: none;
7004 color: #fff;
7005 position: relative;
7006 overflow: hidden;
7007 opacity: 0;
7008 visibility: hidden;
7009 transform: translateY(20px);
7010 transition: all 0.3s ease;
7011 cursor: pointer;
7012 border: 0;
7013 border-radius: 0;
7014 line-height: 1;
7015 text-align: center;
7016 }
7017 .usk-edd-trendy-grid .usk-action-button a.blue,
7018 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart.blue {
7019 background-color: #EF262C;
7020 }
7021 .usk-edd-trendy-grid .usk-action-button a.blue:hover,
7022 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart.blue:hover {
7023 background-color: #d61017;
7024 }
7025 .usk-edd-trendy-grid .usk-action-button .usk-details-button a {
7026 background: #1d1e25;
7027 }
7028 .usk-edd-trendy-grid .usk-action-button .usk-details-button a:hover {
7029 background-color: #000;
7030 }
7031
7032 @media (min-width: 768px) {
7033 .usk-edd-trendy-grid-wrapper {
7034 grid-template-columns: repeat(2, 1fr);
7035 }
7036 }
7037 @media (min-width: 1024px) {
7038 .usk-edd-trendy-grid-wrapper {
7039 grid-template-columns: repeat(3, 1fr);
7040 }
7041 }
7042 @media (min-width: 1440px) {
7043 .usk-edd-trendy-grid-wrapper {
7044 grid-template-columns: repeat(4, 1fr);
7045 }
7046 }