PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 1.5.1
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v1.5.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 / ultimate-store-kit-site.css

ultimate-store-kit-site.css in Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder 1.5.1, at assets/css/ultimate-store-kit-site.css

1,432 lines 46.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ultimate-store-kit .woocommerce-result-count {
2 font-weight: 500;
3 margin-bottom: 10px;
4 font-size: 18px; }
5
6 .ultimate-store-kit .usk-shiny-grid-header-tabs .tab-option span {
7 width: auto; }
8
9 .theme-storefront .edd_download_purchase_form {
10 margin: 0; }
11
12 .theme-astra .edd_download_purchase_form .edd_purchase_submit_wrapper {
13 margin: 0; }
14
15 /* -------------------------------------------------------------------
16 Microtip
17
18 Modern, lightweight css-only tooltips
19 Just 1kb minified and gzipped
20
21 @author Ghosh
22 @package Microtip
23
24 ----------------------------------------------------------------------
25 1. Base Styles
26 2. Direction Modifiers
27 3. Position Modifiers
28 --------------------------------------------------------------------*/
29 /* ------------------------------------------------
30 [1] Base Styles
31 -------------------------------------------------*/
32 [aria-label][role~="tooltip"] {
33 position: relative; }
34
35 [aria-label][role~="tooltip"]::before,
36 [aria-label][role~="tooltip"]::after {
37 transform: translate3d(0, 0, 0);
38 -webkit-backface-visibility: hidden;
39 backface-visibility: hidden;
40 will-change: transform;
41 opacity: 0;
42 pointer-events: none;
43 transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
44 position: absolute;
45 box-sizing: border-box;
46 z-index: 10;
47 transform-origin: top;
48 line-height: 1; }
49
50 [aria-label][role~="tooltip"]::before {
51 background-size: 100% auto !important;
52 content: ""; }
53
54 [aria-label][role~="tooltip"]::after {
55 background: #282828;
56 border-radius: 4px;
57 color: #ffffff;
58 content: attr(aria-label);
59 font-size: var(--microtip-font-size, 13px);
60 font-weight: var(--microtip-font-weight, normal);
61 text-transform: capitalize;
62 padding: 10px 15px;
63 white-space: nowrap;
64 box-sizing: content-box; }
65
66 [aria-label][role~="tooltip"]:hover::before,
67 [aria-label][role~="tooltip"]:hover::after,
68 [aria-label][role~="tooltip"]:focus::before,
69 [aria-label][role~="tooltip"]:focus::after {
70 opacity: 1;
71 pointer-events: auto; }
72
73 /* ------------------------------------------------
74 [2] Position Modifiers
75 -------------------------------------------------*/
76 [role~="tooltip"][data-microtip-position|="top"]::before {
77 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
78 height: 6px;
79 width: 18px;
80 margin-bottom: 6px; }
81
82 [role~="tooltip"][data-microtip-position|="top"]::after {
83 margin-bottom: 11px; }
84
85 [role~="tooltip"][data-microtip-position|="top"]::before {
86 transform: translate3d(-50%, 0, 0);
87 bottom: 100%;
88 left: 50%; }
89
90 [role~="tooltip"][data-microtip-position|="top"]:hover::before {
91 transform: translate3d(-50%, -5px, 0); }
92
93 [role~="tooltip"][data-microtip-position|="top"]::after {
94 transform: translate3d(-50%, 0, 0);
95 bottom: 100%;
96 left: 50%; }
97
98 [role~="tooltip"][data-microtip-position="top"]:hover::after {
99 transform: translate3d(-50%, -5px, 0); }
100
101 /* ------------------------------------------------
102 [2.1] Top Left
103 -------------------------------------------------*/
104 [role~="tooltip"][data-microtip-position="top-left"]::after {
105 transform: translate3d(calc(-100% + 16px), 0, 0);
106 bottom: 100%; }
107
108 [role~="tooltip"][data-microtip-position="top-left"]:hover::after {
109 transform: translate3d(calc(-100% + 16px), -5px, 0); }
110
111 /* ------------------------------------------------
112 [2.2] Top Right
113 -------------------------------------------------*/
114 [role~="tooltip"][data-microtip-position="top-right"]::after {
115 transform: translate3d(calc(+0% - 16px), 0, 0);
116 bottom: 100%; }
117
118 [role~="tooltip"][data-microtip-position="top-right"]:hover::after {
119 transform: translate3d(calc(+0% - 16px), -5px, 0); }
120
121 /* ------------------------------------------------
122 [2.3] Bottom
123 -------------------------------------------------*/
124 [role~="tooltip"][data-microtip-position|="bottom"]::before {
125 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
126 height: 6px;
127 width: 18px;
128 margin-top: 5px;
129 margin-bottom: 0; }
130
131 [role~="tooltip"][data-microtip-position|="bottom"]::after {
132 margin-top: 11px; }
133
134 [role~="tooltip"][data-microtip-position|="bottom"]::before {
135 transform: translate3d(-50%, -10px, 0);
136 bottom: auto;
137 left: 50%;
138 top: 100%; }
139
140 [role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
141 transform: translate3d(-50%, 0, 0); }
142
143 [role~="tooltip"][data-microtip-position|="bottom"]::after {
144 transform: translate3d(-50%, -10px, 0);
145 top: 100%;
146 left: 50%; }
147
148 [role~="tooltip"][data-microtip-position="bottom"]:hover::after {
149 transform: translate3d(-50%, 0, 0); }
150
151 /* ------------------------------------------------
152 [2.4] Bottom Left
153 -------------------------------------------------*/
154 [role~="tooltip"][data-microtip-position="bottom-left"]::after {
155 transform: translate3d(calc(-100% + 16px), -10px, 0);
156 top: 100%; }
157
158 [role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
159 transform: translate3d(calc(-100% + 16px), 0, 0); }
160
161 /* ------------------------------------------------
162 [2.5] Bottom Right
163 -------------------------------------------------*/
164 [role~="tooltip"][data-microtip-position="bottom-right"]::after {
165 transform: translate3d(calc(+0% - 16px), -10px, 0);
166 top: 100%; }
167
168 [role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
169 transform: translate3d(calc(+0% - 16px), 0, 0); }
170
171 /* ------------------------------------------------
172 [2.6] Left
173 -------------------------------------------------*/
174 [role~="tooltip"][data-microtip-position="left"]::before,
175 [role~="tooltip"][data-microtip-position="left"]::after {
176 bottom: auto;
177 left: auto;
178 right: 100%;
179 top: 50%;
180 transform: translate3d(2px, -50%, 0);
181 line-height: 1.4; }
182
183 [role~="tooltip"][data-microtip-position="left"]::before {
184 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
185 height: 18px;
186 width: 6px;
187 margin-right: 5px;
188 margin-bottom: 0; }
189
190 [role~="tooltip"][data-microtip-position="left"]::after {
191 margin-right: 10px; }
192
193 [role~="tooltip"][data-microtip-position="left"]:hover::before,
194 [role~="tooltip"][data-microtip-position="left"]:hover::after {
195 transform: translate3d(0, -50%, 0); }
196
197 /* ------------------------------------------------
198 [2.7] Right
199 -------------------------------------------------*/
200 [role~="tooltip"][data-microtip-position="right"]::before,
201 [role~="tooltip"][data-microtip-position="right"]::after {
202 bottom: auto;
203 left: 100%;
204 top: 50%;
205 transform: translate3d(-2px, -50%, 0); }
206
207 [role~="tooltip"][data-microtip-position="right"]::before {
208 background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
209 height: 18px;
210 width: 6px;
211 margin-bottom: 0;
212 margin-left: 5px; }
213
214 [role~="tooltip"][data-microtip-position="right"]::after {
215 margin-left: 11px; }
216
217 [role~="tooltip"][data-microtip-position="right"]:hover::before,
218 [role~="tooltip"][data-microtip-position="right"]:hover::after {
219 transform: translate3d(0, -50%, 0); }
220
221 /* ------------------------------------------------
222 [3] Size
223 -------------------------------------------------*/
224 [role~="tooltip"][data-microtip-size="small"]::after {
225 white-space: initial;
226 width: 80px; }
227
228 [role~="tooltip"][data-microtip-size="medium"]::after {
229 white-space: initial;
230 width: 150px; }
231
232 [role~="tooltip"][data-microtip-size="large"]::after {
233 white-space: initial;
234 width: 260px; }
235
236 .usk-rating {
237 display: inline-block; }
238 .usk-rating .star-rating {
239 display: block;
240 margin: 6px 0px 0 0;
241 float: left;
242 overflow: hidden;
243 position: relative;
244 height: 14px;
245 line-height: 1;
246 font-size: 14px;
247 width: 95px;
248 font-family: star;
249 letter-spacing: 5px; }
250 .usk-rating .star-rating:before {
251 content: "\73\73\73\73\73";
252 color: #d3ced2;
253 float: left;
254 top: 0;
255 left: 0;
256 position: absolute; }
257 .usk-rating .star-rating span {
258 overflow: hidden;
259 float: left;
260 top: 0;
261 left: 0;
262 position: absolute;
263 padding-top: 1.5em;
264 color: #ffcc00; }
265 .usk-rating .star-rating span:before {
266 content: "\53\53\53\53\53";
267 top: 0;
268 position: absolute;
269 left: 0; }
270 .usk-rating:empty {
271 display: none; }
272 .usk-rating .woocommerce-product-rating {
273 display: inline-block;
274 padding-bottom: 12px; }
275 .usk-rating .woocommerce-product-rating:after, .usk-rating .woocommerce-product-rating:before {
276 content: " ";
277 display: table; }
278 .usk-rating .woocommerce-review-link {
279 color: #fff;
280 display: none; }
281
282 div.pp_pic_holder {
283 z-index: 99999998 !important; }
284
285 .theme-twentytwentyone .onsale {
286 position: unset; }
287
288 .product-quick-view .usk-modal-page .usk-modal-product .product {
289 display: block;
290 align-items: flex-start; }
291 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-image-wrapper {
292 position: relative; }
293 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-image-wrapper .usk-onsale {
294 position: absolute;
295 top: 0; }
296 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-image-wrapper .usk-onsale .onsale {
297 background: #e62a3f;
298 color: #fff;
299 font-weight: 700;
300 padding: 4px 8px;
301 display: inline-block;
302 font-size: 14px; }
303 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-image-wrapper .thumbnails .size-shop_thumbnail {
304 border: 1px solid #dcd7d7;
305 margin-right: 5px; }
306 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box {
307 width: 100%;
308 padding-left: 30px; }
309 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-title {
310 text-decoration: none;
311 display: block;
312 margin-bottom: 15px; }
313 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-title .product_title {
314 color: #454545;
315 font-size: 25px;
316 text-transform: capitalize;
317 font-weight: 800;
318 margin: 0;
319 transition: all .3s ease; }
320 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-title .product_title:hover {
321 color: #e62a3f; }
322 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-price {
323 margin-bottom: 15px; }
324 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-price .price {
325 font-size: 14px;
326 color: #828181d1;
327 font-weight: 700;
328 margin: 0; }
329 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-price .price ins {
330 padding-left: 10px;
331 background: transparent; }
332 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-price .price del {
333 font-weight: 500; }
334 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-desc {
335 margin-bottom: 20px; }
336 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-desc p {
337 font-size: 14px;
338 color: #999595;
339 line-height: 1.6;
340 margin: 0; }
341 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-quick-action-wrap {
342 margin-bottom: 15px; }
343 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-quick-action-wrap .cart .quantity {
344 margin-bottom: 20px; }
345 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-quick-action-wrap .cart .quantity input {
346 height: 40px;
347 width: 140px;
348 padding: 10px;
349 border: 1px solid #cccbcb;
350 color: #9b9494;
351 outline: none;
352 background: transparent; }
353 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-quick-action-wrap .cart .quantity input:focus {
354 border: 1px solid #8a8484; }
355 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-quick-action-wrap .cart button {
356 font-size: 14px;
357 padding: 14px 30px;
358 margin-left: auto;
359 color: #fff;
360 font-weight: 700;
361 text-transform: capitalize;
362 transition: all .3s ease;
363 background: #e52a3f;
364 border: 1px solid #e52a3f; }
365 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-quick-action-wrap .cart button:hover {
366 border: 1px solid #e52a3f;
367 background: transparent;
368 color: #e52a3f; }
369 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-meta {
370 margin-bottom: 15px; }
371 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-meta .posted_in {
372 font-size: 14px;
373 text-transform: capitalize;
374 font-weight: 700;
375 color: #454545; }
376 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-meta .posted_in a {
377 padding-left: 10px;
378 font-weight: 400;
379 color: #979393;
380 transition: all .3s ease; }
381 .product-quick-view .usk-modal-page .usk-modal-product .product .usk-modal-content-box .usk-product-meta .posted_in a:hover {
382 color: #e62a3f; }
383
384 .product-quick-view ::-webkit-scrollbar {
385 width: 7px; }
386
387 .product-quick-view ::-webkit-scrollbar-track {
388 background: #e4e9eb; }
389
390 .product-quick-view ::-webkit-scrollbar-thumb {
391 background: #c9c9c9; }
392
393 @media (min-width: 768px) {
394 .product-quick-view .usk-modal-page .usk-modal-product .product {
395 display: flex; } }
396
397 @media (min-width: 1024px) {
398 .product-quick-view .usk-modal-page .usk-modal-product .product {
399 display: flex; } }
400
401 @keyframes bouncing-loader {
402 to {
403 opacity: 0.1;
404 transform: translate3d(0, -1rem, 0); } }
405
406 .usk-bouncing-loader {
407 display: flex;
408 justify-content: center;
409 position: absolute;
410 left: 50%;
411 transform: translate(-50%, -50%);
412 top: 50%; }
413
414 .usk-bouncing-loader > div {
415 width: 1rem;
416 height: 1rem;
417 margin: 3rem 0.2rem;
418 background: #8385aa;
419 border-radius: 50%;
420 animation: bouncing-loader 0.6s infinite alternate; }
421
422 .usk-bouncing-loader > div:nth-child(2) {
423 animation-delay: 0.2s; }
424
425 .usk-bouncing-loader > div:nth-child(3) {
426 animation-delay: 0.4s; }
427
428 .usk-slider .swiper-pagination,
429 .usk-dots-container .swiper-pagination,
430 .usk-arrows-dots-container .swiper-pagination {
431 position: relative;
432 display: flex;
433 justify-content: center; }
434 .usk-slider .swiper-pagination .swiper-pagination-bullet,
435 .usk-dots-container .swiper-pagination .swiper-pagination-bullet,
436 .usk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet {
437 width: 10px;
438 height: 10px;
439 outline: none; }
440 .usk-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
441 .usk-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet,
442 .usk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
443 margin-left: 5px;
444 outline: none; }
445 .usk-slider .swiper-pagination.swiper-pagination-fraction,
446 .usk-dots-container .swiper-pagination.swiper-pagination-fraction,
447 .usk-arrows-dots-container .swiper-pagination.swiper-pagination-fraction {
448 bottom: auto;
449 z-index: 1; }
450
451 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic,
452 .usk-slider .swiper-pagination-bullets-dynamic,
453 .usk-dots-container .swiper-pagination-bullets-dynamic {
454 overflow: hidden;
455 font-size: 0;
456 width: 100% !important;
457 left: 0 !important;
458 transform: translateX(0) !important; }
459
460 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
461 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
462 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
463 transform: scale(0.33);
464 position: relative; }
465
466 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
467 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
468 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
469 transform: scale(1); }
470
471 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
472 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
473 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
474 transform: scale(1); }
475
476 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
477 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
478 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
479 transform: scale(0.66); }
480
481 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
482 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
483 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
484 transform: scale(0.33); }
485
486 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
487 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
488 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
489 transform: scale(0.66); }
490
491 .usk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
492 .usk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
493 .usk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
494 transform: scale(0.33); }
495
496 [class*='usk-arrows-align-top'] .usk-arrows-container {
497 transform: translateY(-40px); }
498
499 [class*='usk-arrows-align-bottom'] .usk-arrows-container {
500 transform: translateY(40px); }
501
502 [class*='usk-dots-align-top'] .usk-dots-container {
503 transform: translateY(-30px); }
504
505 [class*='usk-dots-align-bottom'] .usk-dots-container {
506 transform: translateY(30px); }
507
508 [class*='usk-arrows-dots-align-top'] .usk-arrows-dots-container {
509 transform: translateY(-40px); }
510
511 [class*='usk-arrows-dots-align-bottom'] .usk-arrows-dots-container {
512 transform: translateY(40px); }
513
514 .usk-arrows-align-center .usk-position-center,
515 .usk-arrows-dots-align-center .usk-position-center {
516 width: 100%; }
517
518 .usk-arrows-align-center .usk-navigation-prev,
519 .usk-arrows-dots-align-center .usk-navigation-prev {
520 left: 0;
521 position: absolute;
522 transform: translateY(-50%); }
523
524 .usk-arrows-align-center .usk-navigation-next,
525 .usk-arrows-dots-align-center .usk-navigation-next {
526 right: 0;
527 position: absolute;
528 transform: translateY(-50%); }
529
530 .rtl .usk-arrows-align-center .usk-navigation-prev,
531 .rtl .usk-arrows-dots-align-center .usk-navigation-prev {
532 right: 0;
533 left: inherit; }
534
535 .rtl .usk-arrows-align-center .usk-navigation-next,
536 .rtl .usk-arrows-dots-align-center .usk-navigation-next {
537 left: 0;
538 right: inherit; }
539
540 .usk-arrows-dots-align-center .usk-dots-container .swiper-pagination,
541 .usk-arrows-dots-align-center .usk-arrows-dots-container .swiper-pagination {
542 position: absolute;
543 width: 100% !important; }
544
545 .usk-navigation-type-progress .swiper-pagination-progress {
546 transform: translateY(15px);
547 height: 5px;
548 width: 100%; }
549
550 [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 {
551 bottom: auto; }
552
553 *, *::before, *::after {
554 box-sizing: border-box; }
555
556 .ultimate-store-kit * ins {
557 background: transparent; }
558
559 .usk-wishlist-products .usk-table {
560 width: 100%;
561 border-collapse: collapse;
562 text-align: center; }
563 .usk-wishlist-products .usk-table th {
564 padding: 10px;
565 border-top: 1px solid #d0caca75;
566 border-bottom: 1px solid #d0caca75;
567 font-size: 14px;
568 font-weight: 700;
569 color: #4e4a4a; }
570 .usk-wishlist-products .usk-table tr {
571 border-bottom: 1px solid #d0caca75; }
572 .usk-wishlist-products .usk-table td {
573 padding: 10px; }
574 .usk-wishlist-products .usk-table .usk-remove-icon .remove-icon {
575 font-size: 12px;
576 color: #848181;
577 font-weight: 600;
578 padding: 5px 10px;
579 border-radius: 100px;
580 transition: all 0.3s ease; }
581 .usk-wishlist-products .usk-table .usk-remove-icon .remove-icon:hover {
582 background: #000;
583 color: #fff; }
584 .usk-wishlist-products .usk-table .usk-product-image {
585 display: none; }
586 .usk-wishlist-products .usk-table .usk-product-image img {
587 width: 100px; }
588 .usk-wishlist-products .usk-table .usk-product-name {
589 font-size: 12px;
590 font-weight: 600; }
591 .usk-wishlist-products .usk-table .usk-product-name a {
592 color: #656262;
593 transition: all 0.3s ease;
594 text-decoration: none; }
595 .usk-wishlist-products .usk-table .usk-product-name a:hover {
596 color: #272525; }
597 .usk-wishlist-products .usk-table .usk-price {
598 font-size: 12px;
599 color: #656262;
600 font-weight: 600;
601 display: none; }
602 .usk-wishlist-products .usk-table .usk-price .old-price {
603 color: #bdb3b3;
604 font-weight: 500; }
605 .usk-wishlist-products .usk-table .usk-stock {
606 font-size: 12px;
607 font-weight: 600;
608 display: none; }
609 .usk-wishlist-products .usk-table .usk-stock a {
610 color: #656262;
611 text-decoration: none; }
612 .usk-wishlist-products .usk-table .usk-auction-button .addto-cart {
613 font-size: 7px;
614 padding: 8px 6px;
615 background: #3a3939;
616 color: #e8e5e5;
617 font-weight: 600;
618 border-radius: 3px;
619 transition: all 0.3s ease;
620 text-decoration: none; }
621 .usk-wishlist-products .usk-table .usk-auction-button .addto-cart:hover {
622 background: #000; }
623 .usk-wishlist-products .usk-table .product-title,
624 .usk-wishlist-products .usk-table .price-title,
625 .usk-wishlist-products .usk-table .stock-title {
626 display: none; }
627
628 [class*=" elementor-widget-usk-"] svg.e-font-icon-svg {
629 height: 1em;
630 width: 1em; }
631
632 /*-------------------------------------
633 usk Shiny Widget header scss
634 --------------------------------------*/
635 @media screen and (min-width: 768px) {
636 .usk-glossy-grid .usk-grid.usk-grid-3,
637 .usk-florence-grid .usk-grid.usk-grid-3,
638 .usk-shiny-grid .usk-grid.usk-grid-3 {
639 grid-template-columns: repeat(2, 1fr); } }
640
641 @media screen and (min-width: 1024px) {
642 .usk-glossy-grid .usk-grid.usk-list-2,
643 .usk-florence-grid .usk-grid.usk-list-2,
644 .usk-shiny-grid .usk-grid.usk-list-2 {
645 grid-template-columns: repeat(2, 1fr); }
646 .usk-glossy-grid .usk-grid.usk-grid-1,
647 .usk-florence-grid .usk-grid.usk-grid-1,
648 .usk-shiny-grid .usk-grid.usk-grid-1 {
649 grid-template-columns: repeat(1, 1fr); }
650 .usk-glossy-grid .usk-grid.usk-grid-2,
651 .usk-florence-grid .usk-grid.usk-grid-2,
652 .usk-shiny-grid .usk-grid.usk-grid-2 {
653 grid-template-columns: repeat(2, 1fr); }
654 .usk-glossy-grid .usk-grid.usk-grid-3,
655 .usk-florence-grid .usk-grid.usk-grid-3,
656 .usk-shiny-grid .usk-grid.usk-grid-3 {
657 grid-template-columns: repeat(3, 1fr); }
658 .usk-glossy-grid .usk-grid.usk-grid-4,
659 .usk-florence-grid .usk-grid.usk-grid-4,
660 .usk-shiny-grid .usk-grid.usk-grid-4 {
661 grid-template-columns: repeat(4, 1fr); }
662 .usk-glossy-grid .usk-grid.usk-grid-5,
663 .usk-florence-grid .usk-grid.usk-grid-5,
664 .usk-shiny-grid .usk-grid.usk-grid-5 {
665 grid-template-columns: repeat(5, 1fr); }
666 .usk-glossy-grid .usk-grid.usk-grid-6,
667 .usk-florence-grid .usk-grid.usk-grid-6,
668 .usk-shiny-grid .usk-grid.usk-grid-6 {
669 grid-template-columns: repeat(6, 1fr); } }
670
671 .usk-glossy-grid .usk-grid-header,
672 .usk-florence-grid .usk-grid-header,
673 .usk-shiny-grid .usk-grid-header {
674 display: flex;
675 justify-content: space-between;
676 margin-bottom: 30px; }
677 .usk-glossy-grid .usk-grid-header .woocommerce-result-count,
678 .usk-florence-grid .usk-grid-header .woocommerce-result-count,
679 .usk-shiny-grid .usk-grid-header .woocommerce-result-count {
680 display: flex;
681 align-items: center;
682 color: #8d99ae;
683 font-size: 16px;
684 margin: 0;
685 text-transform: capitalize; }
686 .usk-glossy-grid .usk-grid-header .usk-grid-header-tabs,
687 .usk-florence-grid .usk-grid-header .usk-grid-header-tabs,
688 .usk-shiny-grid .usk-grid-header .usk-grid-header-tabs {
689 display: flex;
690 align-items: center;
691 justify-content: center;
692 list-style: none;
693 margin: 0;
694 padding: 0; }
695 .usk-glossy-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list.usk-tabs-active a,
696 .usk-florence-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list.usk-tabs-active a,
697 .usk-shiny-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list.usk-tabs-active a {
698 color: #E6EDEF;
699 background: #2B2D42; }
700 .usk-glossy-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a,
701 .usk-florence-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a,
702 .usk-shiny-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a {
703 padding: 4px 9px;
704 color: #8D99AE;
705 border: var(--usk-filter-border-width, 1px) solid #cad7ef;
706 border-right: 0;
707 transition: all 0.3s ease;
708 font-size: 14px;
709 display: inline-block; }
710 .usk-glossy-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a span,
711 .usk-florence-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a span,
712 .usk-shiny-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a span {
713 width: auto; }
714 .usk-glossy-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a:hover,
715 .usk-florence-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a:hover,
716 .usk-shiny-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list a:hover {
717 color: #E6EDEF;
718 background: #2B2D42; }
719 .usk-glossy-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list:nth-last-child(1) a,
720 .usk-florence-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list:nth-last-child(1) a,
721 .usk-shiny-grid .usk-grid-header .usk-grid-header-tabs .usk-grid-tabs-list:nth-last-child(1) a {
722 border-right: var(--usk-filter-border-width, 1px) solid #cad7ef; }
723
724 .usk-glossy-carousel .usk-carousel .usk-item .usk-item-box .usk-shoping .usk-action-btn {
725 transform: translateY(-80px);
726 opacity: 0; }
727
728 .usk-glossy-carousel .usk-carousel .usk-item:hover .usk-shoping .usk-action-btn {
729 transform: translateY(0px);
730 opacity: 1; }
731
732 .usk-glossy-grid .usk-grid .usk-item .usk-item-box .usk-shoping .usk-action-btn {
733 transform: translateY(-70px);
734 opacity: 0; }
735
736 .usk-glossy-grid .usk-grid .usk-item:hover .usk-shoping .usk-action-btn {
737 transform: translateY(0px);
738 opacity: 1; }
739
740 .usk-florence-grid .usk-grid .usk-item .usk-item-box .usk-image .usk-shoping .usk-action-btn {
741 opacity: 0;
742 transition: all 0.3s ease; }
743
744 .usk-florence-grid .usk-grid .usk-item:hover .usk-image .usk-shoping .usk-action-btn {
745 opacity: 1; }
746
747 /*------------------------------------------
748 Ultimate Store Kit Pagination Style
749 -------------------------------------------*/
750 .usk-pagination {
751 display: flex;
752 flex-direction: row;
753 list-style: none;
754 margin: 30px 0;
755 font-weight: 500; }
756 .usk-pagination li a {
757 color: #2b2d42;
758 font-size: 12px;
759 margin: 0 8px;
760 transition: all 0.3s ease;
761 border: 1px solid #2b2d42;
762 padding: 4px 10px;
763 border-radius: 2px; }
764 .usk-pagination li a:hover {
765 background: #2b2d42;
766 color: #edf2f4; }
767 .usk-pagination li:nth-child(1) a {
768 margin-left: 0; }
769 .usk-pagination .usk-active a {
770 background: #2b2d42;
771 color: #edf2f4; }
772
773 /*------------------------------------------
774 usk Shiny Widget rating position scss
775 -------------------------------------------*/
776 @media (min-width: 576px) {
777 .usk-wishlist-products .usk-table .usk-product-image {
778 display: table-cell; }
779 .usk-wishlist-products .usk-table .usk-product-image img {
780 width: 120px; }
781 .usk-wishlist-products .usk-table .usk-table-title th {
782 padding: 15px;
783 font-size: 15px; }
784 .usk-wishlist-products .usk-table td {
785 padding: 15px; }
786 .usk-wishlist-products .usk-table .usk-remove-icon .remove-icon {
787 font-size: 14px; }
788 .usk-wishlist-products .usk-table .usk-product-name {
789 font-size: 14px; }
790 .usk-wishlist-products .usk-table .usk-price {
791 font-size: 14px;
792 display: table-cell; }
793 .usk-wishlist-products .usk-table .usk-stock {
794 font-size: 14px;
795 display: table-cell; }
796 .usk-wishlist-products .usk-table .usk-auction-button .addto-cart {
797 font-size: 12px;
798 padding: 8px 15px; }
799 .usk-wishlist-products .usk-table .product-title,
800 .usk-wishlist-products .usk-table .price-title,
801 .usk-wishlist-products .usk-table .stock-title {
802 display: table-cell; } }
803
804 .ultimate-store-kit {
805 /* Swiper */ }
806 .ultimate-store-kit .swiper-coverflow,
807 .ultimate-store-kit .swiper-container-coverflow {
808 padding-top: 15px; }
809 .ultimate-store-kit .swiper-coverflow .swiper-slide,
810 .ultimate-store-kit .swiper-container-coverflow .swiper-slide {
811 transition-property: transform, border, background; }
812 .ultimate-store-kit .swiper-horizontal > .swiper-pagination-progress,
813 .ultimate-store-kit .swiper-container-horizontal > .swiper-pagination-progress {
814 top: auto;
815 bottom: 0; }
816 .ultimate-store-kit .swiper-pagination-fraction,
817 .ultimate-store-kit .swiper-pagination-custom,
818 .ultimate-store-kit .swiper-horizontal .swiper-pagination-bullets,
819 .ultimate-store-kit .swiper-horizontal + .swiper-pagination-bullets,
820 .ultimate-store-kit .swiper-container-horizontal .swiper-pagination-bullets,
821 .ultimate-store-kit .swiper-container-horizontal + .swiper-pagination-bullets {
822 bottom: -50px;
823 width: 100%; }
824 .ultimate-store-kit .swiper-pagination-fraction .swiper-pagination-bullet,
825 .ultimate-store-kit .swiper-pagination-custom .swiper-pagination-bullet,
826 .ultimate-store-kit .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet,
827 .ultimate-store-kit .swiper-horizontal + .swiper-pagination-bullets .swiper-pagination-bullet,
828 .ultimate-store-kit .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet,
829 .ultimate-store-kit .swiper-container-horizontal + .swiper-pagination-bullets .swiper-pagination-bullet {
830 width: 10px;
831 height: 10px;
832 margin: 0 5px; }
833 .ultimate-store-kit .usk-navigation-type-arrows-fraction .swiper-pagination {
834 position: initial; }
835 .ultimate-store-kit .swiper .elementor-lightbox-content-source,
836 .ultimate-store-kit .swiper-container .elementor-lightbox-content-source {
837 display: none; }
838 .ultimate-store-kit .swiper-slide {
839 border-style: solid;
840 border-width: 0;
841 overflow: hidden; }
842 .ultimate-store-kit .swiper-horizontal + .swiper-pagination-progressbar,
843 .ultimate-store-kit .swiper-vertical + .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
844 .ultimate-store-kit .swiper-container-horizontal + .swiper-pagination-progressbar,
845 .ultimate-store-kit .swiper-container-vertical + .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
846 width: 100%;
847 height: 4px; }
848 .ultimate-store-kit .swiper-pagination-progressbar {
849 background: rgba(0, 0, 0, 0.25);
850 position: absolute; }
851 .ultimate-store-kit .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
852 background: #007aff;
853 position: absolute;
854 left: 0;
855 top: 0;
856 width: 100%;
857 height: 100%;
858 transform: scale(0);
859 transform-origin: left top; }
860 .ultimate-store-kit .elementor-pagination-position-inside .swiper-pagination-fraction,
861 .ultimate-store-kit .elementor-pagination-position-inside .swiper-container-horizontal > .swiper-pagination-bullets {
862 bottom: 10px; }
863 .ultimate-store-kit .elementor-pagination-position-outside .swiper,
864 .ultimate-store-kit .elementor-pagination-position-outside .swiper-container {
865 padding-bottom: 40px; }
866 .ultimate-store-kit .elementor-pagination-position-outside .swiper-pagination-fraction,
867 .ultimate-store-kit .elementor-pagination-position-outside .swiper-horizontal > .swiper-pagination-bullets,
868 .ultimate-store-kit .elementor-pagination-position-outside .swiper-container-horizontal > .swiper-pagination-bullets {
869 bottom: 0; }
870
871 /* Button icon align */
872 .usk-button-icon-align-left {
873 float: left; }
874
875 .usk-button-icon-align-right {
876 float: right; }
877
878 .usk-flex-align-left {
879 order: -1; }
880
881 .usk-flex-align-right {
882 order: 99; }
883
884 [class*="usk-position-top"],
885 [class*="usk-position-bottom"],
886 [class*="usk-position-left"],
887 [class*="usk-position-right"],
888 [class*="usk-position-center"] {
889 position: absolute !important;
890 max-width: 100%; }
891
892 .usk-position-top {
893 top: 0;
894 left: 0;
895 right: 0; }
896
897 .usk-position-bottom {
898 bottom: 0;
899 left: 0;
900 right: 0; }
901
902 .usk-position-left {
903 top: 0;
904 bottom: 0;
905 left: 0; }
906
907 .usk-position-right {
908 top: 0;
909 bottom: 0;
910 right: 0; }
911
912 .usk-position-top-left {
913 top: 0;
914 left: 0; }
915
916 .usk-position-top-right {
917 top: 0;
918 right: 0; }
919
920 .usk-position-bottom-left {
921 bottom: 0;
922 left: 0; }
923
924 .usk-position-bottom-right {
925 bottom: 0;
926 right: 0; }
927
928 .usk-position-center {
929 top: 50%;
930 left: 50%;
931 transform: translate(-50%, -50%);
932 max-width: 100%;
933 box-sizing: border-box; }
934
935 [class*="usk-position-center-left"],
936 [class*="usk-position-center-right"] {
937 top: 50%;
938 transform: translateY(-50%); }
939
940 .usk-position-center-left {
941 left: 0; }
942
943 .usk-position-center-right {
944 right: 0; }
945
946 .usk-position-center-left-out {
947 right: 100%;
948 width: max-content; }
949
950 .usk-position-center-right-out {
951 left: 100%;
952 width: max-content; }
953
954 .usk-position-top-center,
955 .usk-position-bottom-center {
956 left: 50%;
957 transform: translateX(-50%);
958 width: max-content;
959 max-width: 100%;
960 box-sizing: border-box; }
961
962 .usk-position-top-center {
963 top: 0; }
964
965 .usk-position-bottom-center {
966 bottom: 0; }
967
968 .usk-position-cover {
969 position: absolute;
970 top: 0;
971 bottom: 0;
972 left: 0;
973 right: 0; }
974
975 .usk-position-relative {
976 position: relative !important; }
977
978 .usk-position-absolute {
979 position: absolute !important; }
980
981 .usk-position-fixed {
982 position: fixed !important; }
983
984 .usk-position-z-index {
985 z-index: 1; }
986
987 .usk-position-small {
988 max-width: calc(100% - (15px * 2));
989 margin: 15px; }
990
991 .usk-position-small.usk-position-center {
992 transform: translate(-50%, -50%) translate(-15px, -15px); }
993
994 .usk-position-small[class*="usk-position-center-left"],
995 .usk-position-small[class*="usk-position-center-right"] {
996 transform: translateY(-50%) translateY(-15px); }
997
998 .usk-position-small.usk-position-top-center,
999 .usk-position-small.usk-position-bottom-center {
1000 transform: translateX(-50%) translateX(-15px); }
1001
1002 .usk-position-medium {
1003 max-width: calc(100% - (30px * 2));
1004 margin: 30px; }
1005
1006 .usk-position-medium.usk-position-center {
1007 transform: translate(-50%, -50%) translate(-30px, -30px); }
1008
1009 .usk-position-medium[class*="usk-position-center-left"],
1010 .usk-position-medium[class*="usk-position-center-right"] {
1011 transform: translateY(-50%) translateY(-30px); }
1012
1013 .usk-position-medium.usk-position-top-center,
1014 .usk-position-medium.usk-position-bottom-center {
1015 transform: translateX(-50%) translateX(-30px); }
1016
1017 .usk-position-large {
1018 max-width: calc(100% - (30px * 2));
1019 margin: 30px; }
1020
1021 .usk-position-large.usk-position-center {
1022 transform: translate(-50%, -50%) translate(-30px, -30px); }
1023
1024 .usk-position-large[class*="usk-position-center-left"],
1025 .usk-position-large[class*="usk-position-center-right"] {
1026 transform: translateY(-50%) translateY(-30px); }
1027
1028 .usk-position-large.usk-position-top-center,
1029 .usk-position-large.usk-position-bottom-center {
1030 transform: translateX(-50%) translateX(-30px); }
1031
1032 @media (min-width: 1200px) {
1033 .usk-position-large {
1034 max-width: calc(100% - (50px * 2));
1035 margin: 50px; }
1036 .usk-position-large.usk-position-center {
1037 transform: translate(-50%, -50%) translate(-50px, -50px); }
1038 .usk-position-large[class*="usk-position-center-left"],
1039 .usk-position-large[class*="usk-position-center-right"] {
1040 transform: translateY(-50%) translateY(-50px); }
1041 .usk-position-large.usk-position-top-center,
1042 .usk-position-large.usk-position-bottom-center {
1043 transform: translateX(-50%) translateX(-50px); } }
1044
1045 .usk-transition-toggle {
1046 -webkit-tap-highlight-color: transparent; }
1047
1048 .usk-transition-toggle:focus {
1049 outline: none; }
1050
1051 .usk-transition-fade,
1052 [class*="usk-transition-scale"],
1053 [class*="usk-transition-slide"] {
1054 transition: 0.3s ease-out;
1055 transition-property: opacity, transform, filter;
1056 opacity: 0; }
1057
1058 .usk-transition-toggle:hover .usk-transition-fade,
1059 .usk-transition-toggle:focus .usk-transition-fade,
1060 .usk-transition-active.usk-active .usk-transition-fade {
1061 opacity: 1; }
1062
1063 .usk-transition-scale-up {
1064 transform: scale(1, 1); }
1065
1066 .usk-transition-scale-down {
1067 transform: scale(1.1, 1.1); }
1068
1069 .usk-transition-toggle:hover .usk-transition-scale-up,
1070 .usk-transition-toggle:focus .usk-transition-scale-up,
1071 .usk-transition-active.usk-active .usk-transition-scale-up {
1072 opacity: 1;
1073 transform: scale(1.1, 1.1); }
1074
1075 .usk-transition-toggle:hover .usk-transition-scale-down,
1076 .usk-transition-toggle:focus .usk-transition-scale-down,
1077 .usk-transition-active.usk-active .usk-transition-scale-down {
1078 opacity: 1;
1079 transform: scale(1, 1); }
1080
1081 .usk-transition-slide-top {
1082 transform: translateY(-100%); }
1083
1084 .usk-transition-slide-bottom {
1085 transform: translateY(100%); }
1086
1087 .usk-transition-slide-left {
1088 transform: translateX(-100%); }
1089
1090 .usk-transition-slide-right {
1091 transform: translateX(100%); }
1092
1093 .usk-transition-slide-top-small {
1094 transform: translateY(-10px); }
1095
1096 .usk-transition-slide-bottom-small {
1097 transform: translateY(10px); }
1098
1099 .usk-transition-slide-left-small {
1100 transform: translateX(-10px); }
1101
1102 .usk-transition-slide-right-small {
1103 transform: translateX(10px); }
1104
1105 .usk-transition-slide-top-medium {
1106 transform: translateY(-50px); }
1107
1108 .usk-transition-slide-bottom-medium {
1109 transform: translateY(50px); }
1110
1111 .usk-transition-slide-left-medium {
1112 transform: translateX(-50px); }
1113
1114 .usk-transition-slide-right-medium {
1115 transform: translateX(50px); }
1116
1117 .usk-transition-toggle:hover [class*="usk-transition-slide"],
1118 .usk-transition-toggle:focus [class*="usk-transition-slide"],
1119 .usk-transition-active.usk-active [class*="usk-transition-slide"] {
1120 opacity: 1;
1121 transform: translate(0, 0); }
1122
1123 .usk-transition-opaque {
1124 opacity: 1; }
1125
1126 .usk-transition-slow {
1127 transition-duration: 0.7s; }
1128
1129 [hidden],
1130 .usk-hidden {
1131 display: none !important; }
1132
1133 @media (min-width: 640px) {
1134 .usk-hidden\@s {
1135 display: none !important; } }
1136
1137 @media (min-width: 960px) {
1138 .usk-hidden\@m {
1139 display: none !important; } }
1140
1141 @media (min-width: 1200px) {
1142 .usk-hidden\@l {
1143 display: none !important; } }
1144
1145 @media (min-width: 1600px) {
1146 .usk-hidden\@xl {
1147 display: none !important; } }
1148
1149 @media (max-width: 639px) {
1150 .usk-visible\@s {
1151 display: none !important; } }
1152
1153 @media (max-width: 959px) {
1154 .usk-visible\@m {
1155 display: none !important; } }
1156
1157 @media (max-width: 1199px) {
1158 .usk-visible\@l {
1159 display: none !important; } }
1160
1161 @media (max-width: 1599px) {
1162 .usk-visible\@xl {
1163 display: none !important; } }
1164
1165 .usk-invisible {
1166 visibility: hidden !important; }
1167
1168 .usk-flex {
1169 display: flex; }
1170
1171 .usk-flex-inline {
1172 display: inline-flex; }
1173
1174 .usk-flex::before,
1175 .usk-flex::after,
1176 .usk-flex-inline::before,
1177 .usk-flex-inline::after {
1178 display: none; }
1179
1180 .usk-flex-left {
1181 justify-content: flex-start; }
1182
1183 .usk-flex-center {
1184 justify-content: center; }
1185
1186 .usk-flex-right {
1187 justify-content: flex-end; }
1188
1189 .usk-flex-between {
1190 justify-content: space-between; }
1191
1192 .usk-flex-around {
1193 justify-content: space-around; }
1194
1195 @media (min-width: 640px) {
1196 .usk-flex-left\@s {
1197 justify-content: flex-start; }
1198 .usk-flex-center\@s {
1199 justify-content: center; }
1200 .usk-flex-right\@s {
1201 justify-content: flex-end; }
1202 .usk-flex-between\@s {
1203 justify-content: space-between; }
1204 .usk-flex-around\@s {
1205 justify-content: space-around; } }
1206
1207 @media (min-width: 960px) {
1208 .usk-flex-left\@m {
1209 justify-content: flex-start; }
1210 .usk-flex-center\@m {
1211 justify-content: center; }
1212 .usk-flex-right\@m {
1213 justify-content: flex-end; }
1214 .usk-flex-between\@m {
1215 justify-content: space-between; }
1216 .usk-flex-around\@m {
1217 justify-content: space-around; } }
1218
1219 @media (min-width: 1200px) {
1220 .usk-flex-left\@l {
1221 justify-content: flex-start; }
1222 .usk-flex-center\@l {
1223 justify-content: center; }
1224 .usk-flex-right\@l {
1225 justify-content: flex-end; }
1226 .usk-flex-between\@l {
1227 justify-content: space-between; }
1228 .usk-flex-around\@l {
1229 justify-content: space-around; } }
1230
1231 @media (min-width: 1600px) {
1232 .usk-flex-left\@xl {
1233 justify-content: flex-start; }
1234 .usk-flex-center\@xl {
1235 justify-content: center; }
1236 .usk-flex-right\@xl {
1237 justify-content: flex-end; }
1238 .usk-flex-between\@xl {
1239 justify-content: space-between; }
1240 .usk-flex-around\@xl {
1241 justify-content: space-around; } }
1242
1243 .usk-flex-stretch {
1244 align-items: stretch; }
1245
1246 .usk-flex-top {
1247 align-items: flex-start; }
1248
1249 .usk-flex-middle {
1250 align-items: center; }
1251
1252 .usk-flex-bottom {
1253 align-items: flex-end; }
1254
1255 .usk-flex-row {
1256 flex-direction: row; }
1257
1258 .usk-flex-row-reverse {
1259 flex-direction: row-reverse; }
1260
1261 .usk-flex-column {
1262 flex-direction: column; }
1263
1264 .usk-flex-column-reverse {
1265 flex-direction: column-reverse; }
1266
1267 .usk-flex-nowrap {
1268 flex-wrap: nowrap; }
1269
1270 .usk-flex-wrap {
1271 flex-wrap: wrap; }
1272
1273 .usk-flex-wrap-reverse {
1274 flex-wrap: wrap-reverse; }
1275
1276 .usk-flex-wrap-stretch {
1277 align-content: stretch; }
1278
1279 .usk-flex-wrap-top {
1280 align-content: flex-start; }
1281
1282 .usk-flex-wrap-middle {
1283 align-content: center; }
1284
1285 .usk-flex-wrap-bottom {
1286 align-content: flex-end; }
1287
1288 .usk-flex-wrap-between {
1289 align-content: space-between; }
1290
1291 .usk-flex-wrap-around {
1292 align-content: space-around; }
1293
1294 .usk-flex-first {
1295 order: -1; }
1296
1297 .usk-flex-last {
1298 order: 99; }
1299
1300 @media (min-width: 640px) {
1301 .usk-flex-first\@s {
1302 order: -1; }
1303 .usk-flex-last\@s {
1304 order: 99; } }
1305
1306 @media (min-width: 960px) {
1307 .usk-flex-first\@m {
1308 order: -1; }
1309 .usk-flex-last\@m {
1310 order: 99; } }
1311
1312 @media (min-width: 1200px) {
1313 .usk-flex-first\@l {
1314 order: -1; }
1315 .usk-flex-last\@l {
1316 order: 99; } }
1317
1318 @media (min-width: 1600px) {
1319 .usk-flex-first\@xl {
1320 order: -1; }
1321 .usk-flex-last\@xl {
1322 order: 99; } }
1323
1324 .usk-flex-none {
1325 flex: none; }
1326
1327 .usk-flex-auto {
1328 flex: auto; }
1329
1330 .usk-flex-1 {
1331 flex: 1; }
1332
1333 .usk-slidenav {
1334 padding: 5px 10px;
1335 color: rgba(102, 102, 102, 0.5); }
1336
1337 .usk-slidenav:hover,
1338 .usk-slidenav:focus {
1339 color: rgba(102, 102, 102, 0.9);
1340 outline: none; }
1341
1342 .usk-slidenav:active {
1343 color: rgba(102, 102, 102, 0.5); }
1344
1345 .usk-slidenav-large {
1346 padding: 10px 10px; }
1347
1348 .usk-slidenav-container {
1349 display: flex; }
1350
1351 .usk-icon {
1352 margin: 0;
1353 border: none;
1354 border-radius: 0;
1355 overflow: visible;
1356 font: inherit;
1357 color: inherit;
1358 text-transform: none;
1359 padding: 0;
1360 background-color: transparent;
1361 display: inline-block;
1362 fill: currentcolor;
1363 line-height: 0; }
1364
1365 /*--------------------------------------------------------
1366 Ultimate Store Kit
1367 All Widget content-position css
1368 ---------------------------------------------------------*/
1369 .usk-content-position-left .usk-content {
1370 text-align: left; }
1371
1372 .usk-content-position-left .usk-rating {
1373 justify-content: flex-start; }
1374
1375 .usk-content-position-right .usk-content {
1376 text-align: right; }
1377
1378 .usk-content-position-right .usk-rating {
1379 justify-content: flex-end; }
1380
1381 .usk-content-position-center .usk-content {
1382 text-align: center; }
1383
1384 .usk-content-position-center .usk-rating {
1385 justify-content: center; }
1386
1387 .usk-florence-grid .added_to_cart.wc-forward,
1388 .usk-florence-carousel .added_to_cart.wc-forward,
1389 .usk-glossy-grid .added_to_cart.wc-forward,
1390 .usk-showcase-slider .added_to_cart.wc-forward,
1391 .usk-glossy-carousel .added_to_cart.wc-forward {
1392 display: none !important; }
1393
1394 /* Shado Mode */
1395 .usk-shadow-mode-yes .usk-brand-carousel .swiper-container {
1396 padding: 10px;
1397 margin: 0 -10px; }
1398
1399 .usk-shadow-mode-yes .elementor-widget-container:before, .usk-shadow-mode-yes .elementor-widget-container:after {
1400 content: '';
1401 position: absolute;
1402 width: 20%;
1403 height: 100%;
1404 top: 0;
1405 z-index: 2;
1406 pointer-events: none; }
1407
1408 .usk-shadow-mode-yes .elementor-widget-container:before {
1409 background: linear-gradient(to right, white 5%, rgba(255, 255, 255, 0) 100%);
1410 left: -10px; }
1411
1412 .usk-shadow-mode-yes .elementor-widget-container:after {
1413 background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 95%);
1414 right: -10px; }
1415
1416 @media (max-width: 767px) {
1417 .usk-shadow-mode-yes .elementor-widget-container:before, .usk-shadow-mode-yes .elementor-widget-container:after {
1418 content: none; } }
1419
1420 /* HIDE ON SPECIFIC DEVICES*/
1421 @media (min-width: 768px) and (max-width: 1023px) {
1422 .usk-hide-tablet {
1423 display: none; } }
1424
1425 @media (min-width: 1024px) {
1426 .usk-hide-desktop {
1427 display: none; } }
1428
1429 @media (max-width: 767px) {
1430 .usk-hide-mobile {
1431 display: none; } }
1432