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

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

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