PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 2.0.1
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v2.0.1
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.1, at assets/css/usk-all-styles.rtl.css

7,040 lines 176.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .usk-slider .swiper-pagination,
3 .usk-dots-container .swiper-pagination,
4 .usk-arrows-dots-container .swiper-pagination {
5 position: relative;
6 display: flex;
7 justify-content: center;
8 }
9 .usk-slider .swiper-pagination .swiper-pagination-bullet,
10 .usk-dots-container .swiper-pagination .swiper-pagination-bullet,
11 .usk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet {
12 width: 10px;
13 height: 10px;
14 outline: none;
15 }
16 .usk-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
17 .usk-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
18 .usk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
19 margin-right: 5px;
20 outline: none;
21 }
22 .usk-slider .swiper-pagination.swiper-pagination-fraction,
23 .usk-dots-container .swiper-pagination.swiper-pagination-fraction,
24 .usk-arrows-dots-container .swiper-pagination.swiper-pagination-fraction {
25 bottom: auto;
26 z-index: 1;
27 }
28
29 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic,
30 .usk-slider .swiper-pagination-bullets-dynamic,
31 .usk-dots-container .swiper-pagination-bullets-dynamic {
32 overflow: hidden;
33 font-size: 0;
34 width: 100% !important;
35 right: 0 !important;
36 transform: translateX(0) !important;
37 }
38 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
39 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
40 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
41 transform: scale(0.33);
42 position: relative;
43 }
44 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
45 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
46 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
47 transform: scale(1);
48 }
49 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
50 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
51 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
52 transform: scale(1);
53 }
54 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
55 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
56 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
57 transform: scale(0.66);
58 }
59 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
60 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
61 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
62 transform: scale(0.33);
63 }
64 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
65 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
66 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
67 transform: scale(0.66);
68 }
69 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
70 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
71 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
72 transform: scale(0.33);
73 }
74
75 [class*=usk-arrows-align-top] .usk-arrows-container {
76 transform: translateY(-40px);
77 }
78
79 [class*=usk-arrows-align-bottom] .usk-arrows-container {
80 transform: translateY(40px);
81 }
82
83 [class*=usk-dots-align-top] .usk-dots-container {
84 transform: translateY(-30px);
85 }
86
87 [class*=usk-dots-align-bottom] .usk-dots-container {
88 transform: translateY(30px);
89 }
90
91 [class*=usk-arrows-dots-align-top] .usk-arrows-dots-container {
92 transform: translateY(-40px);
93 }
94
95 [class*=usk-arrows-dots-align-bottom] .usk-arrows-dots-container {
96 transform: translateY(40px);
97 }
98
99 .usk-arrows-align-center .usk-position-center,
100 .usk-arrows-dots-align-center .usk-position-center {
101 width: 100%;
102 }
103 .usk-arrows-align-center .usk-navigation-prev,
104 .usk-arrows-dots-align-center .usk-navigation-prev {
105 right: 0;
106 position: absolute;
107 transform: translateY(-50%);
108 }
109 .usk-arrows-align-center .usk-navigation-next,
110 .usk-arrows-dots-align-center .usk-navigation-next {
111 left: 0;
112 position: absolute;
113 transform: translateY(-50%);
114 }
115
116 .rtl .usk-arrows-align-center .usk-navigation-prev,
117 .rtl .usk-arrows-dots-align-center .usk-navigation-prev {
118 left: 0;
119 right: inherit;
120 }
121 .rtl .usk-arrows-align-center .usk-navigation-next,
122 .rtl .usk-arrows-dots-align-center .usk-navigation-next {
123 right: 0;
124 left: inherit;
125 }
126
127 .usk-arrows-dots-align-center .usk-dots-container .swiper-pagination,
128 .usk-arrows-dots-align-center .usk-arrows-dots-container .swiper-pagination {
129 position: absolute;
130 width: 100% !important;
131 }
132
133 .usk-navigation-type-progress .swiper-pagination-progress {
134 transform: translateY(15px);
135 height: 5px;
136 width: 100%;
137 }
138
139 [class*=" elementor-widget-usk-"] .swiper-pagination-fraction, [class*=" elementor-widget-usk-"] .swiper-pagination-custom, [class*=" elementor-widget-usk-"] .swiper-horizontal > .swiper-pagination-bullets, [class*=" elementor-widget-usk-"] .swiper-pagination-bullets.swiper-pagination-horizontal {
140 bottom: auto;
141 }
142
143 [class*=" elementor-widget-usk-"] .usk-arrows-container {
144 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 40));
145 transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 40));
146 }
147 [class*=" elementor-widget-usk-"] .usk-dots-container {
148 -webkit-transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 30));
149 transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 30));
150 }
151 [class*=" elementor-widget-usk-"] .usk-arrows-dots-container {
152 -webkit-transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 40));
153 transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 40));
154 }
155 [class*=" elementor-widget-usk-"] .usk-arrows-fraction-container {
156 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 40));
157 transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 40));
158 }
159 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-arrows-container,
160 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-arrows-container {
161 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg);
162 transform: translate(var(--usk-swiper-carousel-arrows-ncx, 0), var(--usk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg);
163 }
164 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-dots-container,
165 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-dots-container {
166 -webkit-transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 0)) rotate(-90deg);
167 transform: translate(var(--usk-swiper-carousel-dots-nnx, 0), var(--usk-swiper-carousel-dots-nny, 0)) rotate(-90deg);
168 }
169 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-arrows-dots-container,
170 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-arrows-dots-container {
171 -webkit-transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 0)) rotate(-90deg);
172 transform: translate(var(--usk-swiper-carousel-both-ncx, 0), var(--usk-swiper-carousel-both-ncy, 0)) rotate(-90deg);
173 }
174 [class*=" elementor-widget-usk-"] .usk-position-center-left .usk-arrows-fraction-container,
175 [class*=" elementor-widget-usk-"] .usk-position-center-right .usk-arrows-fraction-container {
176 -webkit-transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
177 transform: translate(var(--usk-swiper-carousel-arrows-fraction-ncx, 0), var(--usk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
178 }
179
180 .ultimate-store-kit .woocommerce-result-count {
181 font-weight: 500;
182 margin-bottom: 10px;
183 font-size: 18px;
184 }
185 .ultimate-store-kit .usk-shiny-grid-header-tabs .tab-option span {
186 width: auto;
187 }
188
189 .theme-storefront .edd_download_purchase_form {
190 margin: 0;
191 }
192
193 .theme-astra .edd_download_purchase_form .edd_purchase_submit_wrapper {
194 margin: 0;
195 }
196
197 .usk-account-navigation .woocommerce-MyAccount-navigation {
198 width: 100% !important;
199 }
200
201 [class*=elementor-widget-usk-] .star-rating {
202 font-family: "star" !important;
203 margin: 0;
204 }
205
206 .woocommerce-js [class*=elementor-widget-usk-] .star-rating::before {
207 content: "sssss";
208 color: #d3ced2;
209 float: right;
210 top: 0;
211 right: 0;
212 position: absolute;
213 }
214
215 #elementor-panel-category-ultimate-store-kit .elementor-element:hover .icon, #elementor-panel-category-ultimate-store-kit .elementor-element:hover .title {
216 color: #EF233C;
217 }
218
219 #elementor-panel-category-ultimate-store-kit .elementor-element:hover .icon .usk-widget-icon:after, #elementor-panel-category-ultimate-store-kit .elementor-element:hover .title .usk-widget-icon:after {
220 opacity: 1;
221 }
222
223 .elementor-element .icon {
224 position: relative;
225 }
226
227 .elementor-element .icon .usk-widget-icon:after {
228 content: "\e997";
229 position: absolute;
230 font-family: "ultimate-store-kit";
231 left: 8px;
232 top: 8px;
233 font-size: 14px;
234 opacity: 0.7;
235 }
236
237 .elementor-element .icon .usk-widget-icon.usk-new:after {
238 color: #EF233C;
239 opacity: 1;
240 }
241
242 .usk-new-control:after {
243 content: "NEW";
244 background-color: orangered;
245 color: #fff;
246 font-size: 7px;
247 font-weight: 700;
248 border-radius: 2px;
249 padding: 3px 4px;
250 margin-right: 5px;
251 vertical-align: middle;
252 }
253
254 @font-face {
255 font-family: "ultimate-store-kit";
256 src: url("../fonts/ultimate-store-kit.woff2?b30b0x") format("woff2"), url("../fonts/ultimate-store-kit.ttf?b30b0x") format("truetype"), url("../fonts/ultimate-store-kit.woff?b30b0x") format("woff"), url("../fonts/ultimate-store-kit.svg?b30b0x#ultimate-store-kit") format("svg");
257 font-weight: normal;
258 font-style: normal;
259 font-display: block;
260 }
261 [class^=usk-icon-], [class*=" usk-icon-"] {
262 /* use !important to prevent issues with browser extensions that change fonts */
263 font-family: "ultimate-store-kit" !important;
264 speak: never;
265 font-style: normal;
266 font-weight: normal;
267 font-variant: normal;
268 text-transform: none;
269 line-height: 1;
270 /* Better Font Rendering =========== */
271 -webkit-font-smoothing: antialiased;
272 -moz-osx-font-smoothing: grayscale;
273 }
274
275 .usk-icon-x:before {
276 content: "\e9b6";
277 }
278
279 .usk-icon-twitter:before {
280 content: "\e9b6";
281 }
282
283 .usk-icon-compare-products:before {
284 content: "\e9a3";
285 }
286
287 .usk-icon-wishlist-button:before {
288 content: "\e9a4";
289 }
290
291 .usk-icon-wishlist-products:before {
292 content: "\e9b5";
293 }
294
295 .usk-icon-product-category-carousel:before {
296 content: "\e99c";
297 }
298
299 .usk-icon-page-my-account:before {
300 content: "\e9a1";
301 }
302
303 .usk-icon-page-single:before {
304 content: "\e9a2";
305 }
306
307 .usk-icon-page-order:before {
308 content: "\e95c";
309 }
310
311 .usk-icon-page-checkout:before {
312 content: "\e97f";
313 }
314
315 .usk-icon-additional-information:before {
316 content: "\e95b";
317 }
318
319 .usk-icon-mentor-slider:before {
320 content: "\e957";
321 }
322
323 .usk-icon-account-details:before {
324 content: "\e9a5";
325 }
326
327 .usk-icon-account-downloads:before {
328 content: "\e9a6";
329 }
330
331 .usk-icon-account-login-form:before {
332 content: "\e9a7";
333 }
334
335 .usk-icon-checkout-additional-info:before {
336 content: "\e9a8";
337 }
338
339 .usk-icon-checkout-order-review:before {
340 content: "\e9a9";
341 }
342
343 .usk-icon-edd-product-review-carousel:before {
344 content: "\e9aa";
345 }
346
347 .usk-icon-edd-product-reviews:before {
348 content: "\e9ab";
349 }
350
351 .usk-icon-product-image:before {
352 content: "\e9ac";
353 }
354
355 .usk-icon-thankyou-order:before {
356 content: "\e9ae";
357 }
358
359 .usk-icon-thankyou-order-confirmation:before {
360 content: "\e9b0";
361 }
362
363 .usk-icon-thankyou-order-customer-address:before {
364 content: "\e9b1";
365 }
366
367 .usk-icon-thankyou-order-details:before {
368 content: "\e9b4";
369 }
370
371 .usk-icon-account-address:before {
372 content: "\e980";
373 }
374
375 .usk-icon-account-dashboard:before {
376 content: "\e981";
377 }
378
379 .usk-icon-account-download:before {
380 content: "\e982";
381 }
382
383 .usk-icon-account-login:before {
384 content: "\e983";
385 }
386
387 .usk-icon-account-logout:before {
388 content: "\e984";
389 }
390
391 .usk-icon-account-navigation:before {
392 content: "\e985";
393 }
394
395 .usk-icon-account-order-details:before {
396 content: "\e986";
397 }
398
399 .usk-icon-account-orders:before {
400 content: "\e987";
401 }
402
403 .usk-icon-account-registration-form:before {
404 content: "\e988";
405 }
406
407 .usk-icon-page-cart:before {
408 content: "\e989";
409 }
410
411 .usk-icon-checkout-additional-Info:before {
412 content: "\e998";
413 }
414
415 .usk-icon-checkout-billing-address:before {
416 content: "\e999";
417 }
418
419 .usk-icon-checkout-coupon-form:before {
420 content: "\e99a";
421 }
422
423 .usk-icon-checkout-login-form:before {
424 content: "\e99b";
425 }
426
427 .usk-icon-checkout-payment:before {
428 content: "\e99d";
429 }
430
431 .usk-icon-checkout-shipping-form:before {
432 content: "\e99e";
433 }
434
435 .usk-icon-checkout-shipping-methods:before {
436 content: "\e99f";
437 }
438
439 .usk-icon-qr-code:before {
440 content: "\e9a0";
441 }
442
443 .usk-icon-edd-trendy-carousel:before {
444 content: "\e950";
445 }
446
447 .usk-icon-edd-trendy-grid:before {
448 content: "\e976";
449 }
450
451 .usk-icon-edd-standard-carousel:before {
452 content: "\e977";
453 }
454
455 .usk-icon-edd-standard-grid:before {
456 content: "\e978";
457 }
458
459 .usk-icon-edd-classic-carousel:before {
460 content: "\e979";
461 }
462
463 .usk-icon-edd-classic-grid:before {
464 content: "\e97a";
465 }
466
467 .usk-icon-edd-beauty-carousel:before {
468 content: "\e97b";
469 }
470
471 .usk-icon-edd-beauty-grid:before {
472 content: "\e97c";
473 }
474
475 .usk-icon-product-review-carousel:before {
476 content: "\e98a";
477 }
478
479 .usk-icon-sub-category-carousel:before {
480 content: "\e98b";
481 }
482
483 .usk-icon-mini-cart:before {
484 content: "\e98c";
485 }
486
487 .usk-icon-edd-product:before {
488 content: "\e98d";
489 }
490
491 .usk-icon-edd-product-carousel:before {
492 content: "\e98e";
493 }
494
495 .usk-icon-edd-category-carousel:before {
496 content: "\e98f";
497 }
498
499 .usk-icon-edd-category-grid:before {
500 content: "\e990";
501 }
502
503 .usk-icon-heaven-slider:before {
504 content: "\e991";
505 }
506
507 .usk-icon-info-list:before {
508 content: "\e992";
509 }
510
511 .usk-icon-featured-box:before {
512 content: "\e993";
513 }
514
515 .usk-icon-brand-grid:before {
516 content: "\e994";
517 }
518
519 .usk-icon-brand-carousel:before {
520 content: "\e995";
521 }
522
523 .usk-icon-sub-category:before {
524 content: "\e996";
525 }
526
527 .usk-icon-showcase-slider:before {
528 content: "\e974";
529 }
530
531 .usk-icon-florence-carousel:before {
532 content: "\e975";
533 }
534
535 .usk-icon-breadcrumbs:before {
536 content: "\e958";
537 }
538
539 .usk-icon-compare:before {
540 content: "\e959";
541 }
542
543 .usk-icon-compare-button:before {
544 content: "\e95a";
545 }
546
547 .usk-icon-product-filter:before {
548 content: "\e95d";
549 }
550
551 .usk-icon-florence-grid:before {
552 content: "\e95e";
553 }
554
555 .usk-icon-glossy-carousel:before {
556 content: "\e95f";
557 }
558
559 .usk-icon-glossy-grid:before {
560 content: "\e960";
561 }
562
563 .usk-icon-product-meta:before {
564 content: "\e962";
565 }
566
567 .usk-icon-product-accordion:before {
568 content: "\e963";
569 }
570
571 .usk-icon-product-category:before {
572 content: "\e964";
573 }
574
575 .usk-icon-product-gallery:before {
576 content: "\e965";
577 }
578
579 .usk-icon-product-image-accordion:before {
580 content: "\e966";
581 }
582
583 .usk-icon-product-list:before {
584 content: "\e967";
585 }
586
587 .usk-icon-product-reviews:before {
588 content: "\e968";
589 }
590
591 .usk-icon-product-table:before {
592 content: "\e969";
593 }
594
595 .usk-icon-product-rating:before {
596 content: "\e96a";
597 }
598
599 .usk-icon-recently-view-product:before {
600 content: "\e96b";
601 }
602
603 .usk-icon-shiny-carousel:before {
604 content: "\e96c";
605 }
606
607 .usk-icon-shiny-grid:before {
608 content: "\e96d";
609 }
610
611 .usk-icon-short-description:before {
612 content: "\e96e";
613 }
614
615 .usk-icon-product-related:before {
616 content: "\e96f";
617 }
618
619 .usk-icon-product-tabs:before {
620 content: "\e970";
621 }
622
623 .usk-icon-product-stock:before {
624 content: "\e971";
625 }
626
627 .usk-icon-product-title:before {
628 content: "\e972";
629 }
630
631 .usk-icon-up-sells:before {
632 content: "\e973";
633 }
634
635 .usk-icon-add-to-cart:before {
636 content: "\e902";
637 }
638
639 .usk-icon-product-description:before {
640 content: "\e94d";
641 }
642
643 .usk-icon-product-images:before {
644 content: "\e94e";
645 }
646
647 .usk-icon-product-price:before {
648 content: "\e94f";
649 }
650
651 .usk-icon-arrow-left-0:before {
652 content: "\e97d";
653 }
654
655 .usk-icon-arrow-right-0:before {
656 content: "\e97e";
657 }
658
659 .usk-icon-arrow-left-1:before {
660 content: "\e917";
661 }
662
663 .usk-icon-arrow-right-1:before {
664 content: "\e925";
665 }
666
667 .usk-icon-arrow-left-2:before {
668 content: "\e918";
669 }
670
671 .usk-icon-arrow-right-2:before {
672 content: "\e926";
673 }
674
675 .usk-icon-arrow-left-3:before {
676 content: "\e919";
677 }
678
679 .usk-icon-arrow-right-3:before {
680 content: "\e927";
681 }
682
683 .usk-icon-arrow-left-4:before {
684 content: "\e91a";
685 }
686
687 .usk-icon-arrow-right-4:before {
688 content: "\e928";
689 }
690
691 .usk-icon-arrow-left-5:before {
692 content: "\e943";
693 }
694
695 .usk-icon-arrow-right-5:before {
696 content: "\e944";
697 }
698
699 .usk-icon-arrow-left-6:before {
700 content: "\e945";
701 }
702
703 .usk-icon-arrow-right-6:before {
704 content: "\e946";
705 }
706
707 .usk-icon-arrow-left-7:before {
708 content: "\e949";
709 }
710
711 .usk-icon-arrow-right-7:before {
712 content: "\e94a";
713 }
714
715 .usk-icon-arrow-left-8:before {
716 content: "\e91e";
717 }
718
719 .usk-icon-arrow-right-8:before {
720 content: "\e92c";
721 }
722
723 .usk-icon-arrow-left-9:before {
724 content: "\e91f";
725 }
726
727 .usk-icon-arrow-right-9:before {
728 content: "\e92d";
729 }
730
731 .usk-icon-arrow-left-10:before {
732 content: "\e920";
733 }
734
735 .usk-icon-arrow-right-10:before {
736 content: "\e92e";
737 }
738
739 .usk-icon-arrow-left-11:before {
740 content: "\e921";
741 }
742
743 .usk-icon-arrow-right-11:before {
744 content: "\e92f";
745 }
746
747 .usk-icon-arrow-left-12:before {
748 content: "\e94b";
749 }
750
751 .usk-icon-arrow-right-12:before {
752 content: "\e94c";
753 }
754
755 .usk-icon-arrow-left-13:before {
756 content: "\e922";
757 }
758
759 .usk-icon-arrow-right-13:before {
760 content: "\e930";
761 }
762
763 .usk-icon-arrow-left-14:before {
764 content: "\e91d";
765 }
766
767 .usk-icon-arrow-right-14:before {
768 content: "\e92b";
769 }
770
771 .usk-icon-arrow-left-15:before {
772 content: "\e923";
773 }
774
775 .usk-icon-arrow-right-15:before {
776 content: "\e931";
777 }
778
779 .usk-icon-arrow-left-16:before {
780 content: "\e924";
781 }
782
783 .usk-icon-arrow-right-16:before {
784 content: "\e932";
785 }
786
787 .usk-icon-arrow-left-17:before {
788 content: "\e91c";
789 }
790
791 .usk-icon-arrow-right-17:before {
792 content: "\e92a";
793 }
794
795 .usk-icon-arrow-left-18:before {
796 content: "\e91b";
797 }
798
799 .usk-icon-arrow-right-18:before {
800 content: "\e929";
801 }
802
803 .usk-icon-arrow-up-1:before {
804 content: "\e933";
805 }
806
807 .usk-icon-arrow-down-1:before {
808 content: "\e910";
809 }
810
811 .usk-icon-arrow-up-2:before {
812 content: "\e934";
813 }
814
815 .usk-icon-arrow-down-2:before {
816 content: "\e911";
817 }
818
819 .usk-icon-arrow-up-3:before {
820 content: "\e935";
821 }
822
823 .usk-icon-arrow-down-3:before {
824 content: "\e912";
825 }
826
827 .usk-icon-arrow-up-4:before {
828 content: "\e936";
829 }
830
831 .usk-icon-arrow-down-4:before {
832 content: "\e913";
833 }
834
835 .usk-icon-arrow-up-5:before {
836 content: "\e937";
837 }
838
839 .usk-icon-arrow-down-5:before {
840 content: "\e915";
841 }
842
843 .usk-icon-arrow-up-7:before {
844 content: "\e938";
845 }
846
847 .usk-icon-arrow-down-7:before {
848 content: "\e916";
849 }
850
851 .usk-icon-arrow-up-8:before {
852 content: "\e939";
853 }
854
855 .usk-icon-arrow-down-8:before {
856 content: "\e947";
857 }
858
859 .usk-icon-arrow-left-circle-1:before {
860 content: "\e93b";
861 }
862
863 .usk-icon-arrow-right-circle-1:before {
864 content: "\e93f";
865 }
866
867 .usk-icon-arrow-left-circle-2:before {
868 content: "\e93c";
869 }
870
871 .usk-icon-arrow-right-circle-2:before {
872 content: "\e940";
873 }
874
875 .usk-icon-arrow-left-circle-3:before {
876 content: "\e93d";
877 }
878
879 .usk-icon-arrow-right-circle-3:before {
880 content: "\e941";
881 }
882
883 .usk-icon-arrow-left-circle-4:before {
884 content: "\e93a";
885 }
886
887 .usk-icon-arrow-right-circle-4:before {
888 content: "\e93e";
889 }
890
891 .usk-icon-arrow-left-square-1:before {
892 content: "\e948";
893 }
894
895 .usk-icon-arrow-right-square-1:before {
896 content: "\e942";
897 }
898
899 .usk-icon-cart:before {
900 content: "\e9b7";
901 }
902
903 .usk-icon-close:before {
904 content: "\e9b8";
905 }
906
907 .usk-icon-ultimate-store-kit:before {
908 content: "\e997";
909 }
910
911 .usk-icon-grid-list:before {
912 content: "\e951";
913 }
914
915 .usk-icon-grid-2:before {
916 content: "\e952";
917 }
918
919 .usk-icon-grid-3:before {
920 content: "\e953";
921 }
922
923 .usk-icon-grid-4:before {
924 content: "\e954";
925 }
926
927 .usk-icon-grid-5:before {
928 content: "\e955";
929 }
930
931 .usk-icon-grid-6:before {
932 content: "\e956";
933 }
934
935 .usk-icon-hexagon-zigzag:before {
936 content: "\e90f";
937 }
938
939 .usk-icon-bulge-rectangle:before {
940 content: "\e90e";
941 }
942
943 .usk-icon-hexagon-radius2:before {
944 content: "\e90d";
945 }
946
947 .usk-icon-hexagon:before {
948 content: "\e90c";
949 }
950
951 .usk-icon-hexagon-radius:before {
952 content: "\e604";
953 }
954
955 .usk-icon-g2:before {
956 content: "\e90b";
957 }
958
959 .usk-icon-plus-2:before {
960 content: "\e908";
961 }
962
963 .usk-icon-user:before {
964 content: "\f007";
965 }
966
967 .usk-icon-eye:before {
968 content: "\f06e";
969 }
970
971 .usk-icon-preview:before {
972 content: "\f06e";
973 }
974
975 .usk-icon-email:before {
976 content: "\f0e0";
977 }
978
979 .usk-icon-meneame:before {
980 content: "\e906";
981 }
982
983 .usk-icon-moimir:before {
984 content: "\e900";
985 }
986
987 .usk-icon-instapaper:before {
988 content: "\e903";
989 }
990
991 .usk-icon-surfingbird:before {
992 content: "\e904";
993 }
994
995 .usk-icon-livejournal:before {
996 content: "\e905";
997 }
998
999 .usk-icon-baidu:before {
1000 content: "\e907";
1001 }
1002
1003 .usk-icon-line:before {
1004 content: "\e90a";
1005 }
1006
1007 .usk-icon-twitter1:before {
1008 content: "\f099";
1009 }
1010
1011 .usk-icon-linkedin:before {
1012 content: "\f0e1";
1013 }
1014
1015 .usk-icon-github:before {
1016 content: "\f113";
1017 }
1018
1019 .usk-icon-youtube:before {
1020 content: "\f167";
1021 }
1022
1023 .usk-icon-xing:before {
1024 content: "\f168";
1025 }
1026
1027 .usk-icon-instagram:before {
1028 content: "\f16d";
1029 }
1030
1031 .usk-icon-tumblr:before {
1032 content: "\f173";
1033 }
1034
1035 .usk-icon-apple:before {
1036 content: "\f179";
1037 }
1038
1039 .usk-icon-android:before {
1040 content: "\f17b";
1041 }
1042
1043 .usk-icon-dribbble:before {
1044 content: "\f17d";
1045 }
1046
1047 .usk-icon-skype:before {
1048 content: "\f17e";
1049 }
1050
1051 .usk-icon-vk:before {
1052 content: "\f189";
1053 }
1054
1055 .usk-icon-weibo:before {
1056 content: "\f18a";
1057 }
1058
1059 .usk-icon-renren:before {
1060 content: "\f18b";
1061 }
1062
1063 .usk-icon-wordpress:before {
1064 content: "\f19a";
1065 }
1066
1067 .usk-icon-google:before {
1068 content: "\f1a0";
1069 }
1070
1071 .usk-icon-delicious:before {
1072 content: "\f1a5";
1073 }
1074
1075 .usk-icon-digg:before {
1076 content: "\f1a6";
1077 }
1078
1079 .usk-icon-soundcloud:before {
1080 content: "\f1be";
1081 }
1082
1083 .usk-icon-wechat:before {
1084 content: "\f1d7";
1085 }
1086
1087 .usk-icon-pinterest:before {
1088 content: "\f231";
1089 }
1090
1091 .usk-icon-whatsapp:before {
1092 content: "\f232";
1093 }
1094
1095 .usk-icon-odnoklassniki:before {
1096 content: "\f263";
1097 }
1098
1099 .usk-icon-pocket:before {
1100 content: "\f265";
1101 }
1102
1103 .usk-icon-safari:before {
1104 content: "\f267";
1105 }
1106
1107 .usk-icon-chrome:before {
1108 content: "\f268";
1109 }
1110
1111 .usk-icon-firefox:before {
1112 content: "\f269";
1113 }
1114
1115 .usk-icon-opera:before {
1116 content: "\f26a";
1117 }
1118
1119 .usk-icon-ie:before {
1120 content: "\f26b";
1121 }
1122
1123 .usk-icon-vimeo:before {
1124 content: "\f27d";
1125 }
1126
1127 .usk-icon-reddit:before {
1128 content: "\f281";
1129 }
1130
1131 .usk-icon-edge:before {
1132 content: "\f282";
1133 }
1134
1135 .usk-icon-blogger:before {
1136 content: "\f37d";
1137 }
1138
1139 .usk-icon-facebook:before {
1140 content: "\f39e";
1141 }
1142
1143 .usk-icon-messenger:before {
1144 content: "\f39f";
1145 }
1146
1147 .usk-icon-googleplay:before {
1148 content: "\f3ab";
1149 }
1150
1151 .usk-icon-mix:before {
1152 content: "\f3cb";
1153 }
1154
1155 .usk-icon-telegram:before {
1156 content: "\f3fe";
1157 }
1158
1159 .usk-icon-uikit:before {
1160 content: "\f403";
1161 }
1162
1163 .usk-icon-viber:before {
1164 content: "\f409";
1165 }
1166
1167 .usk-icon-flipboard:before {
1168 content: "\f44d";
1169 }
1170
1171 .usk-icon-buffer:before {
1172 content: "\f837";
1173 }
1174
1175 .usk-icon-evernote:before {
1176 content: "\f839";
1177 }
1178
1179 .usk-icon-plus:before {
1180 content: "\e909";
1181 }
1182
1183 .usk-icon-search:before {
1184 content: "\e901";
1185 }
1186
1187 .usk-icon-edit:before {
1188 content: "\e914";
1189 }
1190
1191 .usk-icon-video-player:before {
1192 content: "\e961";
1193 }
1194
1195 .usk-icon-tutorial:before {
1196 content: "\e961";
1197 }
1198
1199 .usk-icon-post:before {
1200 content: "\e9ad";
1201 }
1202
1203 .usk-icon-picture:before {
1204 content: "\e9af";
1205 }
1206
1207 .usk-icon-music:before {
1208 content: "\e9b2";
1209 }
1210
1211 .usk-icon-video:before {
1212 content: "\e9b3";
1213 }
1214
1215 .usk-icon-code:before {
1216 content: "\e9bb";
1217 }
1218
1219 .usk-icon-location:before {
1220 content: "\ea3d";
1221 }
1222
1223 .usk-icon-clock:before {
1224 content: "\ea4f";
1225 }
1226
1227 .usk-icon-calendar:before {
1228 content: "\ea5f";
1229 }
1230
1231 .usk-icon-bubble:before {
1232 content: "\eac7";
1233 }
1234
1235 .usk-icon-bubbles:before {
1236 content: "\eac9";
1237 }
1238
1239 .usk-icon-quote:before {
1240 content: "\eae1";
1241 }
1242
1243 .usk-icon-spinner:before {
1244 content: "\eb23";
1245 }
1246
1247 .usk-icon-loading:before {
1248 content: "\eb23";
1249 }
1250
1251 .usk-icon-spinner-2:before {
1252 content: "\eb2a";
1253 }
1254
1255 .usk-icon-enlarge:before {
1256 content: "\eb3c";
1257 }
1258
1259 .usk-icon-lock:before {
1260 content: "\eb51";
1261 }
1262
1263 .usk-icon-menu:before {
1264 content: "\ec71";
1265 }
1266
1267 .usk-icon-website:before {
1268 content: "\ec98";
1269 }
1270
1271 .usk-icon-url:before {
1272 content: "\ec98";
1273 }
1274
1275 .usk-icon-link:before {
1276 content: "\ec9f";
1277 }
1278
1279 .usk-icon-star-empty:before {
1280 content: "\ece0";
1281 }
1282
1283 .usk-icon-star-half:before {
1284 content: "\ece1";
1285 }
1286
1287 .usk-icon-star-full:before {
1288 content: "\ece2";
1289 }
1290
1291 .usk-icon-heart-full:before {
1292 content: "\ecec";
1293 }
1294
1295 .usk-icon-heart-empty:before {
1296 content: "\eced";
1297 }
1298
1299 .usk-icon-gallery:before {
1300 content: "\ed3f";
1301 }
1302
1303 .usk-icon-question:before {
1304 content: "\ed55";
1305 }
1306
1307 .usk-icon-plus3:before {
1308 content: "\ed5d";
1309 }
1310
1311 .usk-icon-checkmark:before {
1312 content: "\ed71";
1313 }
1314
1315 .usk-icon-new-tab:before {
1316 content: "\eec9";
1317 }
1318
1319 .usk-icon-behance:before {
1320 content: "\ef07";
1321 }
1322
1323 .usk-icon-yelp:before {
1324 content: "\ef36";
1325 }
1326
1327 .usk-page-checkout {
1328 display: grid;
1329 grid-template-columns: repeat(1, 1fr);
1330 grid-gap: 40px;
1331 }
1332 .usk-page-checkout .usk-checkout-billing-address .usk-checkout-billing-address-header {
1333 font-size: 25px;
1334 margin: 0 0 20px;
1335 text-transform: capitalize;
1336 font-weight: 700;
1337 color: #222331;
1338 }
1339 .usk-page-checkout .usk-checkout-billing-address .woocommerce-billing-fields__field-wrapper {
1340 display: grid;
1341 grid-template-columns: repeat(6, 1fr);
1342 grid-gap: 20px;
1343 }
1344 .usk-page-checkout .usk-checkout-billing-address .form-row {
1345 display: flex;
1346 grid-gap: 8px;
1347 flex-direction: column;
1348 margin: 0;
1349 grid-column: span 6/auto;
1350 }
1351 .usk-page-checkout .usk-checkout-billing-address label {
1352 font-size: 14px;
1353 color: #2d2d30;
1354 text-transform: capitalize;
1355 }
1356 .usk-page-checkout .usk-checkout-billing-address .input-text,
1357 .usk-page-checkout .usk-checkout-billing-address select {
1358 width: 100%;
1359 padding: 12px;
1360 border: 1px solid #ddd;
1361 border-radius: 3px;
1362 color: #4f4f58;
1363 outline: none;
1364 }
1365 .usk-page-checkout .usk-checkout-billing-address .input-text:focus,
1366 .usk-page-checkout .usk-checkout-billing-address select:focus {
1367 outline: 1px solid rgba(176, 172, 172, 0.94);
1368 }
1369 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper {
1370 display: grid;
1371 grid-template-columns: repeat(6, 1fr);
1372 grid-gap: 20px;
1373 }
1374 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper .form-row {
1375 grid-column: span 6/auto;
1376 }
1377 .usk-page-checkout .usk-checkout-shipping-form #ship-to-different-address {
1378 font-size: 20px;
1379 text-transform: capitalize;
1380 color: #42454d;
1381 font-family: system-ui;
1382 margin: 0 0 20px;
1383 text-align: right;
1384 }
1385 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-form__label-for-checkbox {
1386 display: flex;
1387 align-items: center;
1388 grid-gap: 8px;
1389 }
1390 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-form__input-checkbox {
1391 margin: 0;
1392 width: 16px;
1393 height: 16px;
1394 }
1395 .usk-page-checkout .usk-checkout-shipping-form .form-row {
1396 margin: 0;
1397 display: flex;
1398 grid-gap: 6px;
1399 flex-direction: column;
1400 }
1401 .usk-page-checkout .usk-checkout-shipping-form .form-row label {
1402 font-size: 12px;
1403 color: #43434e;
1404 text-transform: capitalize;
1405 }
1406 .usk-page-checkout .usk-checkout-shipping-form .form-row .input-text,
1407 .usk-page-checkout .usk-checkout-shipping-form .form-row .country_to_state,
1408 .usk-page-checkout .usk-checkout-shipping-form .form-row .state_select {
1409 width: 100%;
1410 border: 1px solid #ddd;
1411 border-radius: 3px;
1412 outline: none;
1413 padding: 12px;
1414 }
1415 .usk-page-checkout .usk-checkout-shipping-form .form-row .input-text:focus,
1416 .usk-page-checkout .usk-checkout-shipping-form .form-row .country_to_state:focus,
1417 .usk-page-checkout .usk-checkout-shipping-form .form-row .state_select:focus {
1418 outline: 1px solid #c3c3ca;
1419 }
1420 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table {
1421 width: 100%;
1422 border-collapse: collapse;
1423 }
1424 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table thead {
1425 background-color: #f2f2f2;
1426 }
1427 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table th,
1428 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table td {
1429 border: 1px solid #e0e0e0;
1430 text-align: right;
1431 padding: 15px;
1432 }
1433 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table th {
1434 font-size: 16px;
1435 text-transform: capitalize;
1436 color: #28283b;
1437 }
1438 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table tr:nth-child(even) {
1439 background-color: #f2f2f2;
1440 }
1441 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table td {
1442 font-size: 14px;
1443 color: #5f6176;
1444 text-transform: capitalize;
1445 }
1446 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table tfoot th {
1447 color: #28283b;
1448 }
1449 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table .order-total td,
1450 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table .cart-subtotal td {
1451 color: #28283b;
1452 font-weight: 700;
1453 }
1454 .usk-page-checkout .usk-checkout-payment .wc_payment_methods {
1455 margin: 0;
1456 padding: 0;
1457 list-style: none;
1458 }
1459 .usk-page-checkout .usk-checkout-payment .wc_payment_method.payment_method_bacs {
1460 margin: 0 0 20px;
1461 }
1462 .usk-page-checkout .usk-checkout-payment label {
1463 font-size: 14px;
1464 text-transform: capitalize;
1465 color: #5e5d6b;
1466 }
1467 .usk-page-checkout .usk-checkout-payment .input-radio {
1468 margin: 0;
1469 }
1470 .usk-page-checkout .usk-checkout-payment .payment_box.payment_method_bacs {
1471 margin: 10px 0 0;
1472 }
1473 .usk-page-checkout .usk-checkout-payment .payment_box.payment_method_bacs,
1474 .usk-page-checkout .usk-checkout-payment .woocommerce-privacy-policy-text {
1475 font-size: 14px;
1476 color: #6b6e83;
1477 line-height: 1.5;
1478 }
1479 .usk-page-checkout .usk-checkout-payment .payment_box.payment_method_bacs p,
1480 .usk-page-checkout .usk-checkout-payment .woocommerce-privacy-policy-text p {
1481 margin: 0;
1482 }
1483 .usk-page-checkout .usk-checkout-payment .woocommerce-privacy-policy-text {
1484 margin: 0 0 30px;
1485 }
1486 .usk-page-checkout .usk-checkout-payment .payment_method_paypal {
1487 display: flex;
1488 align-items: center;
1489 grid-gap: 12px;
1490 margin: 17px 0;
1491 }
1492 .usk-page-checkout .usk-checkout-payment .payment_method_paypal img {
1493 width: 145px;
1494 margin: 0 10px;
1495 }
1496 .usk-page-checkout .usk-checkout-payment .place-order .button {
1497 padding: 14px;
1498 background-color: #0075ff;
1499 border: 0;
1500 color: #fff;
1501 text-transform: uppercase;
1502 font-size: 11px;
1503 font-weight: 700;
1504 cursor: pointer;
1505 border-radius: 3px;
1506 transition: all 0.3s ease;
1507 }
1508 .usk-page-checkout .usk-checkout-payment .place-order .button:hover {
1509 background-color: #0267dc;
1510 }
1511 .usk-page-checkout .usk-checkout-address-wrapper,
1512 .usk-page-checkout .usk-checkout-details-wrapper {
1513 display: flex;
1514 flex-direction: column;
1515 gap: 30px;
1516 }
1517
1518 @media (min-width: 768px) {
1519 .usk-page-checkout {
1520 grid-template-columns: repeat(2, 1fr);
1521 }
1522 .usk-page-checkout .usk-checkout-billing-address .woocommerce-billing-fields__field-wrapper .form-row:first-child {
1523 grid-column: span 3/auto;
1524 }
1525 .usk-page-checkout .usk-checkout-billing-address .woocommerce-billing-fields__field-wrapper .form-row:nth-child(2) {
1526 grid-column: span 3/auto;
1527 }
1528 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper .form-row:first-child {
1529 grid-column: span 3/auto;
1530 }
1531 .usk-page-checkout .usk-checkout-shipping-form .woocommerce-shipping-fields__field-wrapper .form-row:nth-child(2) {
1532 grid-column: span 3/auto;
1533 }
1534 .usk-page-checkout .usk-checkout-shipping-form #ship-to-different-address {
1535 font-size: 20px;
1536 margin: 0 0 30px;
1537 }
1538 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table th,
1539 .usk-page-checkout .usk-checkout-order-review .woocommerce-checkout-review-order-table td {
1540 padding: 10px 20px;
1541 }
1542 }
1543 .usk-page-cart .woocommerce-cart-form .shop_table {
1544 border: 1px solid rgba(0, 0, 0, 0.1);
1545 border-collapse: collapse;
1546 margin: 0;
1547 text-align: center;
1548 width: 100%;
1549 border-radius: 5px;
1550 }
1551 .usk-page-cart .woocommerce-cart-form .shop_table th, .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-item-box {
5392 flex-direction: row;
5393 }
5394 .usk-heaven-slider .usk-badge-label-wrapper {
5395 margin: 0;
5396 }
5397 .usk-heaven-slider .usk-content {
5398 display: flex;
5399 flex-direction: column;
5400 justify-content: center;
5401 }
5402 }
5403 .usk-mentor-slider {
5404 overflow: hidden;
5405 position: relative;
5406 }
5407 .usk-mentor-slider .usk-img {
5408 width: 100%;
5409 height: 100%;
5410 object-fit: cover;
5411 object-position: center;
5412 }
5413 .usk-mentor-slider .usk-image-wrap {
5414 background-color: #efefef;
5415 }
5416 .usk-mentor-slider .usk-content {
5417 width: 100%;
5418 }
5419 .usk-mentor-slider .usk-inner-content {
5420 max-width: 700px;
5421 padding: clamp(15px, 5vw, 70px);
5422 overflow: hidden;
5423 }
5424 .usk-mentor-slider .usk-category {
5425 margin-bottom: 10px;
5426 display: inline-flex;
5427 flex-wrap: wrap;
5428 gap: 5px;
5429 }
5430 .usk-mentor-slider .usk-category a {
5431 font-size: 14px;
5432 color: #5f5f74;
5433 font-weight: 600;
5434 text-transform: capitalize;
5435 transition: all 0.3s ease-in-out;
5436 }
5437 .usk-mentor-slider .usk-category a:hover {
5438 color: #d90429;
5439 }
5440 .usk-mentor-slider .usk-item .usk-rating {
5441 display: flex;
5442 align-items: center;
5443 width: 100%;
5444 }
5445 .usk-mentor-slider .usk-item .usk-rating .woocommerce-product-rating {
5446 display: flex;
5447 align-items: center;
5448 padding: 0;
5449 }
5450 .usk-mentor-slider .usk-item .usk-rating .woocommerce-product-rating .star-rating {
5451 font-size: 12px;
5452 margin: 0;
5453 }
5454 .usk-mentor-slider .usk-badge-label-wrapper {
5455 position: absolute;
5456 left: 0;
5457 top: 0;
5458 margin: clamp(15px, 2vw, 30px);
5459 }
5460 .usk-mentor-slider .usk-title {
5461 font-size: clamp(24px, 3vw, 48px);
5462 text-transform: capitalize;
5463 font-weight: 700;
5464 margin-top: 0;
5465 margin-bottom: 15px;
5466 line-height: 1.3;
5467 }
5468 .usk-mentor-slider .usk-title a {
5469 color: #2b2d42;
5470 text-decoration: none;
5471 transition: color 0.5s cubic-bezier(0, 0, 0.2, 1);
5472 }
5473 .usk-mentor-slider .usk-title a:hover {
5474 color: #d90429;
5475 }
5476 .usk-mentor-slider .usk-text {
5477 font-size: clamp(14px, 1vw, 16px);
5478 color: #4e5562;
5479 line-height: 1.6;
5480 font-family: sans-serif;
5481 margin-bottom: 15px;
5482 }
5483 .usk-mentor-slider .usk-text p {
5484 margin: 0;
5485 }
5486 .usk-mentor-slider .usk-price {
5487 font-size: clamp(14px, 1vw, 16px);
5488 font-weight: 600;
5489 margin-bottom: 15px;
5490 }
5491 .usk-mentor-slider .usk-price .price {
5492 display: flex;
5493 align-items: center;
5494 grid-column-gap: 15px;
5495 }
5496 .usk-mentor-slider .usk-price ins {
5497 text-decoration: none;
5498 color: #000;
5499 }
5500 .usk-mentor-slider .usk-price del {
5501 color: rgba(169, 171, 189, 0.812);
5502 }
5503 .usk-mentor-slider .usk-main-slider {
5504 width: 100%;
5505 height: clamp(540px, 75vw, 700px);
5506 z-index: 1;
5507 position: relative;
5508 }
5509 .usk-mentor-slider .usk-main-slider .usk-item {
5510 display: flex;
5511 flex-direction: column;
5512 }
5513 .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 {
5514 opacity: 1;
5515 transform: translateY(0);
5516 }
5517 .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) {
5518 transition-delay: 0.3s;
5519 }
5520 .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) {
5521 transition-delay: 0.5s;
5522 }
5523 .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) {
5524 transition-delay: 0.7s;
5525 }
5526 .usk-mentor-slider .usk-main-slider .usk-image-wrap {
5527 width: 100%;
5528 height: 100%;
5529 overflow: hidden;
5530 }
5531 .usk-mentor-slider .usk-thumbs-slider-wrap .usk-img {
5532 height: clamp(100px, 15vw, 130px);
5533 }
5534 .usk-mentor-slider .usk-thumbs-slider-wrap .usk-item {
5535 cursor: pointer;
5536 }
5537 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-active,
5538 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-duplicate-active {
5539 opacity: 0;
5540 transform: scale(0);
5541 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);
5542 }
5543 .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-prev {
5544 opacity: 0;
5545 }
5546 .usk-mentor-slider .usk-action-btn-wrap {
5547 position: absolute;
5548 top: 0;
5549 right: 0;
5550 display: flex;
5551 align-items: center;
5552 flex-direction: column;
5553 gap: 5px;
5554 margin: 15px;
5555 }
5556 .usk-mentor-slider .usk-action-btn-wrap > div {
5557 opacity: 0;
5558 transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
5559 transform: translateY(-30px);
5560 }
5561 .usk-mentor-slider .usk-action-btn-wrap a {
5562 display: flex;
5563 font-size: clamp(12px, 2vw, 15px);
5564 padding: clamp(12px, 2vw, 15px);
5565 color: #2b2d42;
5566 background: #fff;
5567 text-align: center;
5568 transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
5569 }
5570 .usk-mentor-slider .usk-action-btn-wrap a:hover {
5571 color: #d90429;
5572 }
5573 .usk-mentor-slider .usk-action-btn-wrap a i {
5574 height: 1.2em;
5575 width: 1.2em;
5576 display: flex;
5577 align-items: center;
5578 justify-content: center;
5579 }
5580 .usk-mentor-slider .usk-nav-pag-wrap {
5581 bottom: 0;
5582 left: 0;
5583 display: inline-flex;
5584 grid-gap: 30px;
5585 }
5586 .usk-mentor-slider .usk-navigation-button {
5587 display: flex;
5588 align-items: center;
5589 flex-direction: row-reverse;
5590 }
5591 .usk-mentor-slider .usk-nav-btn {
5592 display: flex;
5593 align-items: center;
5594 grid-column-gap: 10px;
5595 font-size: clamp(12px, 1vw, 14px);
5596 text-transform: uppercase;
5597 cursor: pointer;
5598 }
5599 .usk-mentor-slider .usk-nav-btn i {
5600 opacity: 0;
5601 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);
5602 }
5603 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text {
5604 transition-delay: 0.4s;
5605 }
5606 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text::before {
5607 transform: translateY(0);
5608 }
5609 .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text span {
5610 transform: translateY(-100%);
5611 opacity: 0;
5612 }
5613 .usk-mentor-slider .usk-nav-btn:hover i {
5614 opacity: 1;
5615 transform: translateX(0);
5616 transition-delay: 0.4s;
5617 }
5618 .usk-mentor-slider .usk-button-next .usk-nav-text {
5619 transform: translateX(-24px);
5620 }
5621 .usk-mentor-slider .usk-button-next i {
5622 transform: translateX(15px);
5623 }
5624 .usk-mentor-slider .usk-button-prev .usk-nav-text {
5625 transform: translateX(24px);
5626 }
5627 .usk-mentor-slider .usk-button-prev i {
5628 transform: translateX(-15px);
5629 }
5630 .usk-mentor-slider .usk-button-next:hover .usk-nav-text,
5631 .usk-mentor-slider .usk-button-prev:hover .usk-nav-text {
5632 transform: translateX(0);
5633 transition-delay: 0.4s;
5634 }
5635 .usk-mentor-slider .usk-nav-text {
5636 position: relative;
5637 overflow: hidden;
5638 transition: transform 0.7s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5639 }
5640 .usk-mentor-slider .usk-nav-text::before {
5641 content: attr(data-title);
5642 height: 100%;
5643 position: absolute;
5644 width: 100%;
5645 top: 0;
5646 right: 0;
5647 transform: translateY(110%);
5648 transition: transform 0.6s cubic-bezier(0.3, 0.86, 0.36, 0.95);
5649 }
5650 .usk-mentor-slider .usk-nav-text span {
5651 display: inline-block;
5652 will-change: transform;
5653 position: relative;
5654 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);
5655 }
5656 .usk-mentor-slider .swiper-pagination {
5657 position: unset !important;
5658 color: #a9abbd;
5659 font-size: 15px;
5660 }
5661 .usk-mentor-slider .swiper-pagination .swiper-pagination-current {
5662 color: #2b2d42;
5663 }
5664
5665 @media (min-width: 768px) {
5666 .usk-mentor-slider .usk-main-slider .usk-item {
5667 flex-direction: row;
5668 }
5669 .usk-mentor-slider .usk-nav-pag-wrap {
5670 position: absolute;
5671 }
5672 .usk-mentor-slider .usk-thumbs-slider-wrap {
5673 display: block;
5674 width: clamp(470px, 60vw, 700px);
5675 height: clamp(150px, 20vw, 170px);
5676 position: absolute;
5677 bottom: 6%;
5678 left: 50%;
5679 transform: translateX(-70%);
5680 overflow: hidden;
5681 z-index: 1;
5682 }
5683 .usk-mentor-slider .usk-action-btn-wrap {
5684 top: 50%;
5685 right: 50%;
5686 transform: translate(50%, -50%);
5687 margin: 0;
5688 }
5689 .usk-mentor-slider .usk-badge-label-wrapper {
5690 right: 0;
5691 left: auto;
5692 }
5693 }
5694 @media (max-width: 767px) {
5695 .usk-mentor-slider .usk-thumbs-slider {
5696 display: none;
5697 }
5698 .usk-mentor-slider .usk-nav-pag-wrap {
5699 padding: 0 15px 15px;
5700 width: 100%;
5701 }
5702 .usk-mentor-slider .swiper-pagination {
5703 display: flex;
5704 grid-gap: 5px;
5705 }
5706 }
5707 .elementor-widget-usk-up-sells.usk-up-sells-show-heading-yes section.up-sells.upsells.products h2 {
5708 display: block;
5709 }
5710 .elementor-widget-usk-up-sells .usk-upsells section.products {
5711 display: inline-block;
5712 }
5713 .elementor-widget-usk-up-sells .usk-upsells section.products li.product {
5714 border: 1px solid #eee;
5715 padding: 30px !important;
5716 display: inline-block;
5717 border-radius: 5px;
5718 }
5719 .elementor-widget-usk-up-sells .usk-upsells section.products h2 {
5720 font-size: 18px;
5721 margin-bottom: 10px;
5722 font-weight: 600;
5723 display: none;
5724 }
5725 .elementor-widget-usk-up-sells .usk-upsells section.products h2 a {
5726 color: #000;
5727 }
5728 .elementor-widget-usk-up-sells section.up-sells.upsells.products h2 {
5729 display: none;
5730 }
5731 .elementor-widget-usk-up-sells ul.products li.product,
5732 .elementor-widget-usk-up-sells .woocommerce-page ul.products li.product {
5733 border: 1px solid #eee;
5734 padding: 30px !important;
5735 display: inline-block;
5736 border-radius: 5px;
5737 }
5738
5739 .usk-edd-beauty-grid .usk-edd-beauty-grid-wrapper {
5740 display: grid;
5741 grid-template-columns: repeat(3, 1fr);
5742 grid-gap: 10px;
5743 }
5744 .usk-edd-beauty-grid .usk-edd-beauty-grid-item {
5745 transition: all 0.3s ease-in-out;
5746 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
5747 background-color: #fff;
5748 }
5749 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover {
5750 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
5751 }
5752 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover .usk-edd-beauty-grid-image img {
5753 transform: translateY(-20PX);
5754 }
5755 .usk-edd-beauty-grid .usk-edd-beauty-grid-item:hover .usk-action-button {
5756 transform: translateY(0);
5757 opacity: 1;
5758 transition-delay: 0.2s;
5759 }
5760 .usk-edd-beauty-grid .usk-edd-beauty-grid-image-wrapper {
5761 width: 100%;
5762 height: 300px;
5763 position: relative;
5764 overflow: hidden;
5765 }
5766 .usk-edd-beauty-grid .usk-edd-beauty-grid-image {
5767 height: 100%;
5768 width: 100%;
5769 }
5770 .usk-edd-beauty-grid .usk-edd-beauty-grid-image img {
5771 width: 100%;
5772 height: 110%;
5773 object-fit: cover;
5774 transform: translateY(0);
5775 transition: all 0.5s ease;
5776 }
5777 .usk-edd-beauty-grid .usk-action-button {
5778 position: absolute;
5779 bottom: 0;
5780 right: 0;
5781 left: 0;
5782 display: inline-flex;
5783 align-items: center;
5784 margin: 0 20px;
5785 text-align: center;
5786 transform: translateY(30px);
5787 opacity: 0;
5788 transition: all 0.3s ease;
5789 }
5790 .usk-edd-beauty-grid .usk-action-button .edd_purchase_submit_wrapper {
5791 padding: 0;
5792 }
5793 .usk-edd-beauty-grid .usk-action-button a,
5794 .usk-edd-beauty-grid .usk-action-button .edd-add-to-cart {
5795 padding: 14px 0;
5796 font-size: 10px;
5797 text-transform: uppercase;
5798 font-weight: 500;
5799 text-decoration: none;
5800 width: 100%;
5801 transition: all 0.3s ease;
5802 display: inline-block;
5803 border: 0;
5804 border-radius: 0;
5805 line-height: 1;
5806 }
5807 .usk-edd-beauty-grid .usk-action-button .blue,
5808 .usk-edd-beauty-grid .usk-action-button .edd-add-to-cart {
5809 color: #fff;
5810 background-color: #d71400;
5811 }
5812 .usk-edd-beauty-grid .usk-action-button .blue:hover,
5813 .usk-edd-beauty-grid .usk-action-button .usk-details-button a:hover {
5814 color: #000;
5815 background-color: #fff;
5816 }
5817 .usk-edd-beauty-grid .usk-action-button input[type=submit] {
5818 display: none;
5819 }
5820 .usk-edd-beauty-grid .edd_download_purchase_form,
5821 .usk-edd-beauty-grid .usk-details-button {
5822 width: 100%;
5823 }
5824 .usk-edd-beauty-grid .usk-details-button a {
5825 color: #fff;
5826 background-color: #000;
5827 }
5828 .usk-edd-beauty-grid .usk-edd-content {
5829 text-align: center;
5830 padding: 25px 20px;
5831 }
5832 .usk-edd-beauty-grid .usk-edd-category {
5833 margin-bottom: 10px;
5834 display: inline-block;
5835 }
5836 .usk-edd-beauty-grid .usk-edd-category a {
5837 color: #666b82;
5838 font-size: 11px;
5839 text-transform: uppercase;
5840 text-decoration: none;
5841 transition: all 0.3s ease-in-out;
5842 }
5843 .usk-edd-beauty-grid .usk-edd-category a:hover {
5844 color: #d71400;
5845 }
5846 .usk-edd-beauty-grid .usk-edd-title {
5847 font-size: 16px;
5848 font-weight: 700;
5849 text-transform: uppercase;
5850 margin: 0 0 2px;
5851 }
5852 .usk-edd-beauty-grid .usk-edd-title a {
5853 color: rgba(40, 40, 57, 0.96);
5854 text-decoration: none;
5855 transition: all 0.3s ease-in-out;
5856 }
5857 .usk-edd-beauty-grid .usk-edd-title a:hover {
5858 color: #d71400;
5859 }
5860 .usk-edd-beauty-grid .usk-edd-price {
5861 font-size: 11px;
5862 font-weight: 600;
5863 display: inline-flex;
5864 align-content: center;
5865 justify-content: center;
5866 grid-column-gap: 10px;
5867 color: rgba(40, 40, 57, 0.96);
5868 text-transform: uppercase;
5869 }
5870
5871 @media (min-width: 768px) {
5872 .usk-edd-beauty-grid {
5873 grid-template-columns: repeat(2, 1fr);
5874 }
5875 }
5876 @media (min-width: 1024px) {
5877 .usk-edd-beauty-grid {
5878 grid-template-columns: repeat(4, 1fr);
5879 }
5880 }
5881 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item {
5882 transition: all 0.3s ease-in-out;
5883 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
5884 background-color: #fff;
5885 }
5886 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover {
5887 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
5888 }
5889 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover .usk-edd-beauty-carousel-image img {
5890 transform: translateY(-20PX);
5891 }
5892 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-item:hover .usk-action-button {
5893 transform: translateY(0);
5894 opacity: 1;
5895 transition-delay: 0.2s;
5896 }
5897 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image-wrapper {
5898 width: 100%;
5899 height: 300px;
5900 position: relative;
5901 overflow: hidden;
5902 }
5903 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image {
5904 height: 100%;
5905 width: 100%;
5906 }
5907 .usk-edd-beauty-carousel .usk-edd-beauty-carousel-image img {
5908 width: 100%;
5909 height: 110%;
5910 object-fit: cover;
5911 transform: translateY(0);
5912 transition: all 0.5s ease;
5913 }
5914 .usk-edd-beauty-carousel .usk-action-button {
5915 position: absolute;
5916 bottom: 0;
5917 right: 0;
5918 left: 0;
5919 display: inline-flex;
5920 align-items: center;
5921 margin: 0 20px;
5922 text-align: center;
5923 transform: translateY(30px);
5924 opacity: 0;
5925 transition: all 0.3s ease;
5926 }
5927 .usk-edd-beauty-carousel .usk-action-button .edd_purchase_submit_wrapper {
5928 padding: 0;
5929 }
5930 .usk-edd-beauty-carousel .usk-action-button a,
5931 .usk-edd-beauty-carousel .usk-action-button .edd-add-to-cart {
5932 padding: 14px 0;
5933 font-size: 10px;
5934 text-transform: uppercase;
5935 font-weight: 500;
5936 text-decoration: none;
5937 width: 100%;
5938 transition: all 0.3s ease;
5939 display: inline-block;
5940 border: 0;
5941 border-radius: 0;
5942 line-height: 1;
5943 }
5944 .usk-edd-beauty-carousel .usk-action-button .blue,
5945 .usk-edd-beauty-carousel .usk-action-button .edd-add-to-cart {
5946 color: #fff;
5947 background-color: #d71400;
5948 }
5949 .usk-edd-beauty-carousel .usk-action-button .blue:hover,
5950 .usk-edd-beauty-carousel .usk-action-button .usk-details-button a:hover {
5951 color: #000;
5952 background-color: #fff;
5953 }
5954 .usk-edd-beauty-carousel .usk-action-button input[type=submit] {
5955 display: none;
5956 }
5957 .usk-edd-beauty-carousel .edd_download_purchase_form,
5958 .usk-edd-beauty-carousel .usk-details-button {
5959 width: 100%;
5960 }
5961 .usk-edd-beauty-carousel .usk-details-button a {
5962 color: #fff;
5963 background-color: #000;
5964 }
5965 .usk-edd-beauty-carousel .usk-edd-content {
5966 text-align: center;
5967 padding: 25px 20px;
5968 }
5969 .usk-edd-beauty-carousel .usk-edd-category {
5970 margin-bottom: 10px;
5971 display: inline-block;
5972 }
5973 .usk-edd-beauty-carousel .usk-edd-category a {
5974 color: #666b82;
5975 font-size: 11px;
5976 text-transform: uppercase;
5977 text-decoration: none;
5978 transition: all 0.3s ease-in-out;
5979 }
5980 .usk-edd-beauty-carousel .usk-edd-category a:hover {
5981 color: #d71400;
5982 }
5983 .usk-edd-beauty-carousel .usk-edd-title {
5984 font-size: 16px;
5985 font-weight: 700;
5986 text-transform: uppercase;
5987 margin: 0 0 2px;
5988 }
5989 .usk-edd-beauty-carousel .usk-edd-title a {
5990 color: rgba(40, 40, 57, 0.96);
5991 text-decoration: none;
5992 transition: all 0.3s ease-in-out;
5993 }
5994 .usk-edd-beauty-carousel .usk-edd-title a:hover {
5995 color: #d71400;
5996 }
5997 .usk-edd-beauty-carousel .usk-edd-price {
5998 font-size: 11px;
5999 font-weight: 600;
6000 display: inline-flex;
6001 align-content: center;
6002 justify-content: center;
6003 grid-column-gap: 10px;
6004 color: rgba(40, 40, 57, 0.96);
6005 text-transform: uppercase;
6006 }
6007
6008 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-container {
6009 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0));
6010 transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0));
6011 }
6012 .elementor-widget-usk-edd-beauty-carousel .usk-dots-container {
6013 -webkit-transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 30));
6014 transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 30));
6015 }
6016 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-dots-container {
6017 -webkit-transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 40));
6018 transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 40));
6019 }
6020 .elementor-widget-usk-edd-beauty-carousel .usk-arrows-fraction-container {
6021 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 40));
6022 transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 40));
6023 }
6024 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-container,
6025 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-container {
6026 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0)) rotate(-90deg);
6027 transform: translate(var(--usk-edd-beauty-carousel-arrows-ncx, 0), var(--usk-edd-beauty-carousel-arrows-ncy, 0)) rotate(-90deg);
6028 }
6029 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-dots-container,
6030 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-dots-container {
6031 -webkit-transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 0)) rotate(-90deg);
6032 transform: translate(var(--usk-edd-beauty-carousel-dots-nnx, 0), var(--usk-edd-beauty-carousel-dots-nny, 0)) rotate(-90deg);
6033 }
6034 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-dots-container,
6035 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-dots-container {
6036 -webkit-transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 0)) rotate(-90deg);
6037 transform: translate(var(--usk-edd-beauty-carousel-both-ncx, 0), var(--usk-edd-beauty-carousel-both-ncy, 0)) rotate(-90deg);
6038 }
6039 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-left .usk-arrows-fraction-container,
6040 .elementor-widget-usk-edd-beauty-carousel .usk-position-center-right .usk-arrows-fraction-container {
6041 -webkit-transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6042 transform: translate(var(--usk-edd-beauty-carousel-arrows-fraction-ncx, 0), var(--usk-edd-beauty-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6043 }
6044
6045 .usk-edd-classic-carousel .usk-edd-classic-carousel-item {
6046 transition: all 0.3s ease-in-out;
6047 border-width: 2px;
6048 border-style: solid;
6049 border-color: #f2f2f3;
6050 border-radius: 5px;
6051 }
6052 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover {
6053 border-color: #f00;
6054 }
6055 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-edd-classic-carousel-image-wrapper::before {
6056 opacity: 1;
6057 }
6058 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper,
6059 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button,
6060 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd-add-to-cart {
6061 opacity: 1;
6062 transform: scale(1);
6063 }
6064 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper {
6065 transition-delay: 0.3s;
6066 }
6067 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button {
6068 transition-delay: 0.5s;
6069 }
6070 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper {
6071 position: relative;
6072 }
6073 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper::before {
6074 position: absolute;
6075 content: "";
6076 width: 100%;
6077 height: 100%;
6078 top: 0;
6079 right: 0;
6080 background: rgba(255, 255, 255, 0.529);
6081 opacity: 0;
6082 transition: all 0.3s ease-in-out;
6083 }
6084 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper img {
6085 width: 100%;
6086 height: 100%;
6087 object-fit: cover;
6088 }
6089 .usk-edd-classic-carousel .usk-action-button {
6090 position: absolute;
6091 top: 50%;
6092 right: 0;
6093 left: 0;
6094 margin: 0 90px;
6095 display: inline-flex;
6096 flex-direction: column;
6097 text-align: center;
6098 transform: translateY(-50%);
6099 }
6100 .usk-edd-classic-carousel .usk-action-button input[type=submit] {
6101 display: none;
6102 }
6103 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper {
6104 margin-bottom: 10px;
6105 }
6106 .usk-edd-classic-carousel .usk-action-button .edd-loading {
6107 position: absolute !important;
6108 }
6109 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper,
6110 .usk-edd-classic-carousel .usk-action-button .usk-details-button {
6111 transform: scale(0.5);
6112 opacity: 0;
6113 transition: all 0.3s ease-in-out;
6114 }
6115 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
6116 .usk-edd-classic-carousel .usk-action-button .usk-details-button a {
6117 display: block;
6118 }
6119 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
6120 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
6121 .usk-edd-classic-carousel .usk-action-button .usk-details-button a,
6122 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart {
6123 background-color: #000;
6124 padding: 12px 20px;
6125 font-size: 10px;
6126 text-transform: uppercase;
6127 font-weight: 700;
6128 color: #fff;
6129 text-decoration: navajowhite;
6130 border-radius: 5px;
6131 overflow: hidden;
6132 position: relative;
6133 border: 0;
6134 transition: all 0.3s ease-in-out;
6135 width: 100%;
6136 }
6137 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a:hover,
6138 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
6139 .usk-edd-classic-carousel .usk-action-button .usk-details-button a:hover,
6140 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart:hover {
6141 background-color: #d71400;
6142 }
6143 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
6144 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
6145 .usk-edd-classic-carousel .usk-action-button .usk-details-button a .usk-cart-button,
6146 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
6147 margin-bottom: 10px;
6148 }
6149 .usk-edd-classic-carousel .usk-edd-content {
6150 text-align: center;
6151 padding: 20px;
6152 }
6153 .usk-edd-classic-carousel .usk-edd-category {
6154 margin-bottom: 10px;
6155 display: inline-block;
6156 }
6157 .usk-edd-classic-carousel .usk-edd-category a {
6158 color: #5b5d66;
6159 font-size: 13px;
6160 text-transform: capitalize;
6161 text-decoration: none;
6162 transition: all 0.3s ease-in-out;
6163 }
6164 .usk-edd-classic-carousel .usk-edd-category a:hover {
6165 color: #d71400;
6166 }
6167 .usk-edd-classic-carousel .usk-edd-title {
6168 font-size: 16px;
6169 font-weight: 700;
6170 text-transform: capitalize;
6171 margin: 0 0 10px;
6172 }
6173 .usk-edd-classic-carousel .usk-edd-title a {
6174 color: rgba(40, 40, 57, 0.96);
6175 text-decoration: none;
6176 transition: all 0.3s ease-in-out;
6177 }
6178 .usk-edd-classic-carousel .usk-edd-title a:hover {
6179 color: #d71400;
6180 }
6181 .usk-edd-classic-carousel .usk-edd-price {
6182 font-size: 13px;
6183 font-weight: 600;
6184 margin-bottom: 10px;
6185 display: inline-flex;
6186 align-content: center;
6187 justify-content: center;
6188 grid-column-gap: 10px;
6189 }
6190
6191 .elementor-widget-usk-edd-classic-carousel .usk-arrows-container {
6192 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
6193 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
6194 }
6195 .elementor-widget-usk-edd-classic-carousel .usk-dots-container {
6196 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
6197 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
6198 }
6199 .elementor-widget-usk-edd-classic-carousel .usk-arrows-dots-container {
6200 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
6201 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
6202 }
6203 .elementor-widget-usk-edd-classic-carousel .usk-arrows-fraction-container {
6204 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
6205 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
6206 }
6207 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-container,
6208 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-container {
6209 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(-90deg);
6210 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(-90deg);
6211 }
6212 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-dots-container,
6213 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-dots-container {
6214 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(-90deg);
6215 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(-90deg);
6216 }
6217 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-dots-container,
6218 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-dots-container {
6219 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(-90deg);
6220 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(-90deg);
6221 }
6222 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-fraction-container,
6223 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-fraction-container {
6224 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6225 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6226 }
6227
6228 .usk-edd-standard-carousel .usk-edd-standard-carousel-item {
6229 transition: all 0.3s ease-in-out;
6230 border-width: 2px;
6231 border-style: solid;
6232 border-color: transparent;
6233 overflow: hidden;
6234 background-color: #fff;
6235 }
6236 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover {
6237 border-color: #f00;
6238 }
6239 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-action-button,
6240 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .edd-add-to-cart {
6241 opacity: 1;
6242 transform: translateY(0);
6243 }
6244 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-edd-content {
6245 transform: translateY(-50px);
6246 }
6247 .usk-edd-standard-carousel .usk-edd-standard-carousel-item:hover .usk-details-button a {
6248 transform: scale(1);
6249 opacity: 1;
6250 transition-delay: 0.3s;
6251 }
6252 .usk-edd-standard-carousel .usk-edd-standard-carousel-image {
6253 position: relative;
6254 }
6255 .usk-edd-standard-carousel .usk-edd-standard-carousel-image img {
6256 width: 100%;
6257 height: 100%;
6258 object-fit: cover;
6259 }
6260 .usk-edd-standard-carousel .usk-action-button {
6261 position: absolute;
6262 bottom: -29%;
6263 right: 0;
6264 text-align: center;
6265 left: 0;
6266 opacity: 0;
6267 transform: translateY(30px);
6268 transition: all 0.3s ease;
6269 display: flex;
6270 align-items: center;
6271 justify-content: center;
6272 z-index: 1;
6273 }
6274 .usk-edd-standard-carousel .usk-action-button input[type=submit] {
6275 display: none;
6276 }
6277 .usk-edd-standard-carousel .usk-action-button a,
6278 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart {
6279 padding: 15px 30px;
6280 font-size: 10px;
6281 text-transform: uppercase;
6282 font-weight: 700;
6283 color: #fff;
6284 text-decoration: none;
6285 overflow: hidden;
6286 transition: all 0.3s ease;
6287 position: relative;
6288 display: inline-block;
6289 vertical-align: middle;
6290 border-radius: 0;
6291 line-height: 1;
6292 border: 0;
6293 }
6294 .usk-edd-standard-carousel .usk-action-button .blue,
6295 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart {
6296 background-color: #000;
6297 transition: background 0.3s ease;
6298 }
6299 .usk-edd-standard-carousel .usk-action-button .blue:hover,
6300 .usk-edd-standard-carousel .usk-action-button .edd-add-to-cart:hover {
6301 background-color: #d71400;
6302 }
6303 .usk-edd-standard-carousel .usk-action-button .usk-details-button a {
6304 background-color: #d71400;
6305 transition: background 0.3s ease;
6306 }
6307 .usk-edd-standard-carousel .usk-action-button .usk-details-button a:hover {
6308 background-color: #000;
6309 }
6310 .usk-edd-standard-carousel .usk-edd-content {
6311 text-align: center;
6312 padding: 20px;
6313 transform: translateY(0);
6314 transition: all 0.3s ease;
6315 }
6316 .usk-edd-standard-carousel .usk-edd-category {
6317 margin-bottom: 6px;
6318 display: inline-block;
6319 }
6320 .usk-edd-standard-carousel .usk-edd-category a {
6321 color: #5b5d66;
6322 font-size: 13px;
6323 text-transform: capitalize;
6324 text-decoration: none;
6325 transition: all 0.3s ease-in-out;
6326 }
6327 .usk-edd-standard-carousel .usk-edd-category a:hover {
6328 color: #d71400;
6329 }
6330 .usk-edd-standard-carousel .usk-edd-title {
6331 font-size: 15px;
6332 font-weight: 700;
6333 text-transform: capitalize;
6334 margin: 0 0 6px;
6335 }
6336 .usk-edd-standard-carousel .usk-edd-title a {
6337 color: rgba(40, 40, 57, 0.96);
6338 text-decoration: none;
6339 transition: all 0.3s ease-in-out;
6340 }
6341 .usk-edd-standard-carousel .usk-edd-title a:hover {
6342 color: #d71400;
6343 }
6344 .usk-edd-standard-carousel .usk-edd-price {
6345 font-size: 13px;
6346 font-weight: 600;
6347 display: inline-flex;
6348 align-content: center;
6349 justify-content: center;
6350 grid-column-gap: 10px;
6351 }
6352
6353 .elementor-widget-usk-edd-standard-carousel .usk-arrows-container {
6354 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0));
6355 transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0));
6356 }
6357 .elementor-widget-usk-edd-standard-carousel .usk-dots-container {
6358 -webkit-transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 30));
6359 transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 30));
6360 }
6361 .elementor-widget-usk-edd-standard-carousel .usk-arrows-dots-container {
6362 -webkit-transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 40));
6363 transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 40));
6364 }
6365 .elementor-widget-usk-edd-standard-carousel .usk-arrows-fraction-container {
6366 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 40));
6367 transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 40));
6368 }
6369 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-container,
6370 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-container {
6371 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0)) rotate(-90deg);
6372 transform: translate(var(--usk-edd-standard-carousel-arrows-ncx, 0), var(--usk-edd-standard-carousel-arrows-ncy, 0)) rotate(-90deg);
6373 }
6374 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-dots-container,
6375 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-dots-container {
6376 -webkit-transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 0)) rotate(-90deg);
6377 transform: translate(var(--usk-edd-standard-carousel-dots-nnx, 0), var(--usk-edd-standard-carousel-dots-nny, 0)) rotate(-90deg);
6378 }
6379 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-dots-container,
6380 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-dots-container {
6381 -webkit-transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 0)) rotate(-90deg);
6382 transform: translate(var(--usk-edd-standard-carousel-both-ncx, 0), var(--usk-edd-standard-carousel-both-ncy, 0)) rotate(-90deg);
6383 }
6384 .elementor-widget-usk-edd-standard-carousel .usk-position-center-left .usk-arrows-fraction-container,
6385 .elementor-widget-usk-edd-standard-carousel .usk-position-center-right .usk-arrows-fraction-container {
6386 -webkit-transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6387 transform: translate(var(--usk-edd-standard-carousel-arrows-fraction-ncx, 0), var(--usk-edd-standard-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6388 }
6389
6390 .usk-edd-trendy-carousel {
6391 padding: 30px;
6392 }
6393 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item {
6394 background-color: #fff;
6395 transition: all 0.3s ease;
6396 position: relative;
6397 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
6398 z-index: 1;
6399 }
6400 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover {
6401 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
6402 }
6403 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover::before {
6404 width: 100%;
6405 visibility: visible;
6406 opacity: 1;
6407 transition-delay: 0.6s;
6408 }
6409 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button a,
6410 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button .edd-add-to-cart {
6411 opacity: 1;
6412 visibility: visible;
6413 transform: translateY(0);
6414 }
6415 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-action-button .usk-details-button a {
6416 transition-delay: 0.1s;
6417 }
6418 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item:hover .usk-edd-price {
6419 opacity: 0;
6420 visibility: hidden;
6421 transform: translateY(-20px);
6422 }
6423 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-item::before {
6424 content: "";
6425 position: absolute;
6426 bottom: 0;
6427 right: 50%;
6428 transform: translateX(50%);
6429 width: 0;
6430 height: 3px;
6431 background-color: #EF262C;
6432 visibility: hidden;
6433 opacity: 0;
6434 transition-duration: 0.4s;
6435 transition: all 0.2s linear;
6436 }
6437 .usk-edd-trendy-carousel .usk-edd-category {
6438 display: inline-flex;
6439 align-items: center;
6440 grid-column-gap: 7px;
6441 margin-bottom: 15px;
6442 }
6443 .usk-edd-trendy-carousel .usk-edd-category a {
6444 color: #908e98;
6445 font-size: 14px;
6446 text-decoration: none;
6447 font-weight: 500;
6448 transition: color 0.3s ease;
6449 }
6450 .usk-edd-trendy-carousel .usk-edd-category a:hover {
6451 color: #EF262C;
6452 }
6453 .usk-edd-trendy-carousel .usk-edd-title {
6454 margin: 0;
6455 font-size: 18px;
6456 font-weight: 700;
6457 }
6458 .usk-edd-trendy-carousel .usk-edd-title a {
6459 color: #202031;
6460 text-decoration: none;
6461 transition: color 0.3s ease;
6462 }
6463 .usk-edd-trendy-carousel .usk-edd-title a:hover {
6464 color: #EF262C;
6465 }
6466 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-image {
6467 position: relative;
6468 }
6469 .usk-edd-trendy-carousel .usk-edd-trendy-carousel-image img {
6470 width: 100%;
6471 height: 100%;
6472 object-fit: cover;
6473 }
6474 .usk-edd-trendy-carousel .usk-top-content {
6475 padding: 25px;
6476 }
6477 .usk-edd-trendy-carousel .usk-edd-content {
6478 padding: 25px;
6479 }
6480 .usk-edd-trendy-carousel .usk-edd-content .usk-edd-price {
6481 display: flex;
6482 font-size: 12px;
6483 font-weight: 600;
6484 grid-column-gap: 10px;
6485 color: #14161d;
6486 text-transform: uppercase;
6487 opacity: 1;
6488 visibility: visible;
6489 transform: translateY(0);
6490 transition: all 0.3s ease;
6491 }
6492 .usk-edd-trendy-carousel .usk-action-button {
6493 position: absolute;
6494 bottom: 0;
6495 right: 0;
6496 left: 0;
6497 margin: 25px;
6498 display: flex;
6499 flex-direction: column;
6500 grid-row-gap: 5px;
6501 }
6502 .usk-edd-trendy-carousel .usk-action-button input[type=submit] {
6503 display: none;
6504 }
6505 .usk-edd-trendy-carousel .usk-action-button a,
6506 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart {
6507 width: 100%;
6508 display: block;
6509 padding: 14px 0;
6510 font-size: 12px;
6511 text-transform: uppercase;
6512 font-weight: 700;
6513 text-decoration: none;
6514 color: #fff;
6515 position: relative;
6516 overflow: hidden;
6517 opacity: 0;
6518 visibility: hidden;
6519 transform: translateY(20px);
6520 transition: all 0.3s ease;
6521 cursor: pointer;
6522 border: 0;
6523 border-radius: 0;
6524 line-height: 1;
6525 text-align: center;
6526 }
6527 .usk-edd-trendy-carousel .usk-action-button a.blue,
6528 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart.blue {
6529 background-color: #EF262C;
6530 }
6531 .usk-edd-trendy-carousel .usk-action-button a.blue:hover,
6532 .usk-edd-trendy-carousel .usk-action-button .edd-add-to-cart.blue:hover {
6533 background-color: #d61017;
6534 }
6535 .usk-edd-trendy-carousel .usk-action-button .usk-details-button a {
6536 background: #1d1e25;
6537 }
6538 .usk-edd-trendy-carousel .usk-action-button .usk-details-button a:hover {
6539 background-color: #000;
6540 }
6541
6542 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-container {
6543 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0));
6544 transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0));
6545 }
6546 .elementor-widget-usk-edd-trendy-carousel .usk-dots-container {
6547 -webkit-transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 30));
6548 transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 30));
6549 }
6550 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-dots-container {
6551 -webkit-transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 40));
6552 transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 40));
6553 }
6554 .elementor-widget-usk-edd-trendy-carousel .usk-arrows-fraction-container {
6555 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 40));
6556 transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 40));
6557 }
6558 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-container,
6559 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-container {
6560 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0)) rotate(-90deg);
6561 transform: translate(var(--usk-edd-trendy-carousel-arrows-ncx, 0), var(--usk-edd-trendy-carousel-arrows-ncy, 0)) rotate(-90deg);
6562 }
6563 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-dots-container,
6564 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-dots-container {
6565 -webkit-transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 0)) rotate(-90deg);
6566 transform: translate(var(--usk-edd-trendy-carousel-dots-nnx, 0), var(--usk-edd-trendy-carousel-dots-nny, 0)) rotate(-90deg);
6567 }
6568 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-dots-container,
6569 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-dots-container {
6570 -webkit-transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 0)) rotate(-90deg);
6571 transform: translate(var(--usk-edd-trendy-carousel-both-ncx, 0), var(--usk-edd-trendy-carousel-both-ncy, 0)) rotate(-90deg);
6572 }
6573 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-left .usk-arrows-fraction-container,
6574 .elementor-widget-usk-edd-trendy-carousel .usk-position-center-right .usk-arrows-fraction-container {
6575 -webkit-transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6576 transform: translate(var(--usk-edd-trendy-carousel-arrows-fraction-ncx, 0), var(--usk-edd-trendy-carousel-arrows-fraction-ncy, 0)) rotate(-90deg);
6577 }
6578
6579 .usk-edd-classic-grid .usk-edd-classic-grid-wrapper {
6580 display: grid;
6581 grid-template-columns: repeat(3, 1fr);
6582 grid-gap: 10px;
6583 }
6584 .usk-edd-classic-grid .usk-edd-classic-grid-item {
6585 transition: all 0.3s ease-in-out;
6586 border-width: 2px;
6587 border-style: solid;
6588 border-color: #f2f2f3;
6589 border-radius: 5px;
6590 }
6591 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover {
6592 border-color: #f00;
6593 }
6594 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-edd-classic-grid-image-wrapper::before {
6595 opacity: 1;
6596 }
6597 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd_purchase_submit_wrapper,
6598 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .usk-details-button,
6599 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd-add-to-cart {
6600 opacity: 1;
6601 transform: scale(1);
6602 }
6603 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .edd_purchase_submit_wrapper {
6604 transition-delay: 0.3s;
6605 }
6606 .usk-edd-classic-grid .usk-edd-classic-grid-item:hover .usk-action-button .usk-details-button {
6607 transition-delay: 0.5s;
6608 }
6609 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper {
6610 position: relative;
6611 }
6612 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper::before {
6613 position: absolute;
6614 content: "";
6615 width: 100%;
6616 height: 100%;
6617 top: 0;
6618 right: 0;
6619 background: rgba(255, 255, 255, 0.529);
6620 opacity: 0;
6621 transition: all 0.3s ease-in-out;
6622 }
6623 .usk-edd-classic-grid .usk-edd-classic-grid-image-wrapper img {
6624 width: 100%;
6625 height: 100%;
6626 object-fit: cover;
6627 }
6628 .usk-edd-classic-grid .usk-action-button {
6629 position: absolute;
6630 top: 50%;
6631 right: 0;
6632 left: 0;
6633 margin: 0 70px;
6634 display: inline-flex;
6635 flex-direction: column;
6636 text-align: center;
6637 transform: translateY(-50%);
6638 }
6639 .usk-edd-classic-grid .usk-action-button input[type=submit] {
6640 display: none;
6641 }
6642 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper {
6643 margin-bottom: 10px;
6644 }
6645 .usk-edd-classic-grid .usk-action-button .edd-loading {
6646 position: absolute !important;
6647 }
6648 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper,
6649 .usk-edd-classic-grid .usk-action-button .usk-details-button {
6650 transform: scale(0.5);
6651 opacity: 0;
6652 transition: all 0.3s ease-in-out;
6653 }
6654 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a,
6655 .usk-edd-classic-grid .usk-action-button .usk-details-button a {
6656 display: block;
6657 }
6658 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a,
6659 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
6660 .usk-edd-classic-grid .usk-action-button .usk-details-button a,
6661 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart {
6662 width: 100%;
6663 background-color: #000;
6664 padding: 12px 20px;
6665 font-size: 10px;
6666 text-transform: uppercase;
6667 font-weight: 700;
6668 color: #fff;
6669 text-decoration: navajowhite;
6670 border-radius: 5px;
6671 overflow: hidden;
6672 position: relative;
6673 border: 0;
6674 transition: all 0.3s ease-in-out;
6675 }
6676 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a:hover,
6677 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
6678 .usk-edd-classic-grid .usk-action-button .usk-details-button a:hover,
6679 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart:hover {
6680 background-color: #d71400;
6681 }
6682 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
6683 .usk-edd-classic-grid .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
6684 .usk-edd-classic-grid .usk-action-button .usk-details-button a .usk-cart-button,
6685 .usk-edd-classic-grid .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
6686 margin-bottom: 10px;
6687 }
6688 .usk-edd-classic-grid .usk-edd-content {
6689 text-align: center;
6690 padding: 20px;
6691 }
6692 .usk-edd-classic-grid .usk-edd-category {
6693 margin-bottom: 10px;
6694 display: inline-block;
6695 }
6696 .usk-edd-classic-grid .usk-edd-category a {
6697 color: #5b5d66;
6698 font-size: 13px;
6699 text-transform: capitalize;
6700 text-decoration: none;
6701 transition: all 0.3s ease-in-out;
6702 }
6703 .usk-edd-classic-grid .usk-edd-category a:hover {
6704 color: #d71400;
6705 }
6706 .usk-edd-classic-grid .usk-edd-title {
6707 font-size: 16px;
6708 font-weight: 700;
6709 text-transform: capitalize;
6710 margin: 0 0 10px;
6711 }
6712 .usk-edd-classic-grid .usk-edd-title a {
6713 color: rgba(40, 40, 57, 0.96);
6714 text-decoration: none;
6715 transition: all 0.3s ease-in-out;
6716 }
6717 .usk-edd-classic-grid .usk-edd-title a:hover {
6718 color: #d71400;
6719 }
6720 .usk-edd-classic-grid .usk-edd-price {
6721 font-size: 13px;
6722 font-weight: 600;
6723 margin-bottom: 10px;
6724 display: inline-flex;
6725 align-content: center;
6726 justify-content: center;
6727 grid-column-gap: 10px;
6728 }
6729
6730 @media (min-width: 768px) {
6731 .usk-edd-classic-grid {
6732 grid-template-columns: repeat(2, 1fr);
6733 }
6734 }
6735 @media (min-width: 1024px) {
6736 .usk-edd-classic-grid {
6737 grid-template-columns: repeat(4, 1fr);
6738 }
6739 }
6740 .usk-edd-standard-grid .usk-edd-standard-grid-wrapper {
6741 display: grid;
6742 grid-template-columns: repeat(3, 1fr);
6743 grid-gap: 10px;
6744 }
6745 .usk-edd-standard-grid .usk-edd-standard-grid-item {
6746 transition: all 0.3s ease-in-out;
6747 border-width: 2px;
6748 border-style: solid;
6749 border-color: transparent;
6750 overflow: hidden;
6751 background-color: #fff;
6752 }
6753 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover {
6754 border-color: #f00;
6755 }
6756 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover .usk-action-button {
6757 opacity: 1;
6758 transform: translateY(0);
6759 }
6760 .usk-edd-standard-grid .usk-edd-standard-grid-item:hover .usk-edd-content {
6761 transform: translateY(-50px);
6762 }
6763 .usk-edd-standard-grid .usk-edd-standard-grid-image {
6764 position: relative;
6765 }
6766 .usk-edd-standard-grid .usk-edd-standard-grid-image img {
6767 width: 100%;
6768 height: 100%;
6769 object-fit: cover;
6770 }
6771 .usk-edd-standard-grid .usk-action-button {
6772 position: absolute;
6773 bottom: -25%;
6774 right: 0;
6775 text-align: center;
6776 left: 0;
6777 opacity: 0;
6778 transform: translateY(30px);
6779 transition: all 0.3s ease;
6780 display: flex;
6781 align-items: center;
6782 justify-content: center;
6783 }
6784 .usk-edd-standard-grid .usk-action-button input[type=submit] {
6785 display: none;
6786 }
6787 .usk-edd-standard-grid .usk-action-button a,
6788 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart {
6789 padding: 15px 30px;
6790 font-size: 10px;
6791 text-transform: uppercase;
6792 font-weight: 700;
6793 color: #fff;
6794 text-decoration: none;
6795 overflow: hidden;
6796 transition: all 0.3s ease-in-out;
6797 position: relative;
6798 display: inline-block;
6799 vertical-align: middle;
6800 border-radius: 0;
6801 line-height: 1;
6802 border: 0;
6803 }
6804 .usk-edd-standard-grid .usk-action-button .blue,
6805 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart {
6806 background-color: #000;
6807 }
6808 .usk-edd-standard-grid .usk-action-button .blue:hover,
6809 .usk-edd-standard-grid .usk-action-button .edd-add-to-cart:hover {
6810 background-color: #d71400;
6811 }
6812 .usk-edd-standard-grid .usk-action-button .usk-details-button a {
6813 background-color: #d71400;
6814 }
6815 .usk-edd-standard-grid .usk-action-button .usk-details-button a:hover {
6816 background-color: #000;
6817 }
6818 .usk-edd-standard-grid .usk-edd-content {
6819 text-align: center;
6820 padding: 20px;
6821 transform: translateY(0);
6822 transition: all 0.3s ease;
6823 }
6824 .usk-edd-standard-grid .usk-edd-category {
6825 margin-bottom: 6px;
6826 display: inline-block;
6827 }
6828 .usk-edd-standard-grid .usk-edd-category a {
6829 color: #5b5d66;
6830 font-size: 13px;
6831 text-transform: capitalize;
6832 text-decoration: none;
6833 transition: all 0.3s ease-in-out;
6834 }
6835 .usk-edd-standard-grid .usk-edd-category a:hover {
6836 color: #d71400;
6837 }
6838 .usk-edd-standard-grid .usk-edd-title {
6839 font-size: 15px;
6840 font-weight: 700;
6841 text-transform: capitalize;
6842 margin: 0 0 6px;
6843 }
6844 .usk-edd-standard-grid .usk-edd-title a {
6845 color: rgba(40, 40, 57, 0.96);
6846 text-decoration: none;
6847 transition: all 0.3s ease-in-out;
6848 }
6849 .usk-edd-standard-grid .usk-edd-title a:hover {
6850 color: #d71400;
6851 }
6852 .usk-edd-standard-grid .usk-edd-price {
6853 font-size: 13px;
6854 font-weight: 600;
6855 display: inline-flex;
6856 align-content: center;
6857 justify-content: center;
6858 grid-column-gap: 10px;
6859 }
6860
6861 @media (min-width: 768px) {
6862 .usk-edd-standard-grid-wrapper {
6863 grid-template-columns: repeat(2, 1fr);
6864 }
6865 }
6866 @media (min-width: 1024px) {
6867 .usk-edd-standard-grid-wrapper {
6868 grid-template-columns: repeat(4, 1fr);
6869 }
6870 }
6871 .usk-edd-trendy-grid .usk-edd-trendy-grid-wrapper {
6872 display: grid;
6873 grid-template-columns: repeat(3, 1fr);
6874 grid-gap: 10px;
6875 padding: 30px;
6876 }
6877 .usk-edd-trendy-grid .usk-edd-trendy-grid-item {
6878 background-color: #fff;
6879 transition: all 0.3s ease;
6880 position: relative;
6881 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
6882 z-index: 1;
6883 }
6884 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover {
6885 box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
6886 }
6887 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover::before {
6888 width: 100%;
6889 visibility: visible;
6890 opacity: 1;
6891 transition-delay: 0.5s;
6892 }
6893 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button a,
6894 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button .edd-add-to-cart {
6895 opacity: 1;
6896 visibility: visible;
6897 transform: translateY(0);
6898 }
6899 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-action-button .usk-details-button a {
6900 transition-delay: 0.1s;
6901 }
6902 .usk-edd-trendy-grid .usk-edd-trendy-grid-item:hover .usk-edd-price {
6903 opacity: 0;
6904 visibility: hidden;
6905 transform: translateY(-20px);
6906 }
6907 .usk-edd-trendy-grid .usk-edd-trendy-grid-item::before {
6908 content: "";
6909 position: absolute;
6910 bottom: 0;
6911 right: 50%;
6912 transform: translateX(50%);
6913 width: 0;
6914 height: 3px;
6915 background-color: #EF262C;
6916 visibility: hidden;
6917 opacity: 0;
6918 transition-duration: 0.4s;
6919 transition: all 0.2s linear;
6920 }
6921 .usk-edd-trendy-grid .usk-edd-category {
6922 display: inline-flex;
6923 align-items: center;
6924 grid-column-gap: 7px;
6925 margin-bottom: 15px;
6926 }
6927 .usk-edd-trendy-grid .usk-edd-category a {
6928 color: #908e98;
6929 font-size: 14px;
6930 text-decoration: none;
6931 font-weight: 500;
6932 transition: color 0.3s ease;
6933 }
6934 .usk-edd-trendy-grid .usk-edd-category a:hover {
6935 color: #EF262C;
6936 }
6937 .usk-edd-trendy-grid .usk-edd-title {
6938 margin: 0;
6939 font-size: 18px;
6940 font-weight: 700;
6941 }
6942 .usk-edd-trendy-grid .usk-edd-title a {
6943 color: #202031;
6944 text-decoration: none;
6945 transition: color 0.3s ease;
6946 }
6947 .usk-edd-trendy-grid .usk-edd-title a:hover {
6948 color: #EF262C;
6949 }
6950 .usk-edd-trendy-grid .usk-edd-trendy-grid-image {
6951 position: relative;
6952 }
6953 .usk-edd-trendy-grid .usk-edd-trendy-grid-image img {
6954 width: 100%;
6955 height: 100%;
6956 object-fit: cover;
6957 }
6958 .usk-edd-trendy-grid .usk-top-content {
6959 padding: 25px;
6960 }
6961 .usk-edd-trendy-grid .usk-edd-content {
6962 padding: 25px;
6963 }
6964 .usk-edd-trendy-grid .usk-edd-content .usk-edd-price {
6965 display: flex;
6966 font-size: 12px;
6967 font-weight: 600;
6968 grid-column-gap: 10px;
6969 color: #14161d;
6970 text-transform: uppercase;
6971 opacity: 1;
6972 visibility: visible;
6973 transform: translateY(0);
6974 transition: all 0.3s ease;
6975 }
6976 .usk-edd-trendy-grid .usk-action-button {
6977 position: absolute;
6978 bottom: 0;
6979 right: 0;
6980 left: 0;
6981 margin: 25px;
6982 display: flex;
6983 flex-direction: column;
6984 grid-row-gap: 5px;
6985 }
6986 .usk-edd-trendy-grid .usk-action-button input[type=submit] {
6987 display: none;
6988 }
6989 .usk-edd-trendy-grid .usk-action-button a,
6990 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart {
6991 width: 100%;
6992 display: block;
6993 padding: 14px 0;
6994 font-size: 12px;
6995 text-transform: uppercase;
6996 font-weight: 700;
6997 text-decoration: none;
6998 color: #fff;
6999 position: relative;
7000 overflow: hidden;
7001 opacity: 0;
7002 visibility: hidden;
7003 transform: translateY(20px);
7004 transition: all 0.3s ease;
7005 cursor: pointer;
7006 border: 0;
7007 border-radius: 0;
7008 line-height: 1;
7009 text-align: center;
7010 }
7011 .usk-edd-trendy-grid .usk-action-button a.blue,
7012 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart.blue {
7013 background-color: #EF262C;
7014 }
7015 .usk-edd-trendy-grid .usk-action-button a.blue:hover,
7016 .usk-edd-trendy-grid .usk-action-button .edd-add-to-cart.blue:hover {
7017 background-color: #d61017;
7018 }
7019 .usk-edd-trendy-grid .usk-action-button .usk-details-button a {
7020 background: #1d1e25;
7021 }
7022 .usk-edd-trendy-grid .usk-action-button .usk-details-button a:hover {
7023 background-color: #000;
7024 }
7025
7026 @media (min-width: 768px) {
7027 .usk-edd-trendy-grid-wrapper {
7028 grid-template-columns: repeat(2, 1fr);
7029 }
7030 }
7031 @media (min-width: 1024px) {
7032 .usk-edd-trendy-grid-wrapper {
7033 grid-template-columns: repeat(3, 1fr);
7034 }
7035 }
7036 @media (min-width: 1440px) {
7037 .usk-edd-trendy-grid-wrapper {
7038 grid-template-columns: repeat(4, 1fr);
7039 }
7040 }