PluginProbe
King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder / 51.1.83
King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder v51.1.83
51.1.83 51.1.82 51.1.81 51.1.79 51.1.78 51.1.77 51.1.76 51.1.74 51.1.75 51.1.65 51.1.64 51.1.63 trunk 51.1.14 51.1.2 51.1.35 51.1.36 51.1.37 51.1.38 51.1.39 51.1.44 51.1.45 51.1.46 51.1.47 51.1.49 All 37 releases
king-addons / includes / assets / libraries / grid / grid.css

grid.css in King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder 51.1.83, at includes/assets/libraries/grid/grid.css

1,870 lines 51.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .king-addons-grid-loader-wrap {
2 display: flex;
3 align-items: center;
4 justify-content: center;
5 width: 100%;
6 height: 100%;
7 }
8
9 .king-addons-grid-loader {
10 position: relative;
11 display: inline-block;
12 width: 80px;
13 height: 80px;
14 }
15
16 .king-addons-grid-loader div {
17 position: absolute;
18 width: 16px;
19 height: 16px;
20 animation: king-addons-king-addons-grid-loader 1.2s linear infinite;
21 border-radius: 50%;
22 background: #222020;
23 }
24
25 .king-addons-grid-loader div:nth-child(1) {
26 top: 8px;
27 left: 8px;
28 animation-delay: 0s;
29 }
30
31 .king-addons-grid-loader div:nth-child(2) {
32 top: 8px;
33 left: 32px;
34 animation-delay: -0.4s;
35 }
36
37 .king-addons-grid-loader div:nth-child(3) {
38 top: 8px;
39 left: 56px;
40 animation-delay: -0.8s;
41 }
42
43 .king-addons-grid-loader div:nth-child(4) {
44 top: 32px;
45 left: 8px;
46 animation-delay: -0.4s;
47 }
48
49 .king-addons-grid-loader div:nth-child(5) {
50 top: 32px;
51 left: 32px;
52 animation-delay: -0.8s;
53 }
54
55 .king-addons-grid-loader div:nth-child(6) {
56 top: 32px;
57 left: 56px;
58 animation-delay: -1.2s;
59 }
60
61 .king-addons-grid-loader div:nth-child(7) {
62 top: 56px;
63 left: 8px;
64 animation-delay: -0.8s;
65 }
66
67 .king-addons-grid-loader div:nth-child(8) {
68 top: 56px;
69 left: 32px;
70 animation-delay: -1.2s;
71 }
72
73 .king-addons-grid-loader div:nth-child(9) {
74 top: 56px;
75 left: 56px;
76 animation-delay: -1.6s;
77 }
78
79 @keyframes king-addons-king-addons-grid-loader {
80 0%, 100% {
81 opacity: 1;
82 }
83 50% {
84 opacity: 0.5;
85 }
86 }
87
88 .king-addons-grid-image-wrap img.king-addons-hidden-image {
89 /*visibility: hidden;*/
90 /*opacity: 0;*/
91 }
92
93 .king-addons-hide-items-before-append {
94 opacity: 0;
95 }
96
97 .king-addons-grid {
98 opacity: 0;
99 }
100
101 .king-addons-grid-item {
102 position: relative;
103 float: left;
104 text-align: center;
105 }
106
107 .king-addons-grid-item.post {
108 margin: 0;
109 }
110
111 .elementor-widget-king-addons-grid:not(.king-addons-item-styles-wrapper) .king-addons-grid-item {
112 padding: 0 !important;
113 }
114
115 .king-addons-grid-item,
116 .king-addons-grid-item * {
117 outline: none !important;
118 }
119
120 .king-addons-grid-last-row {
121 margin-bottom: 0 !important;
122 }
123
124 .king-addons-grid-item-above-content {
125 border-bottom: 0 !important;
126 border-bottom-right-radius: 0 !important;
127 border-bottom-left-radius: 0 !important;
128 }
129
130 .king-addons-grid:not([data-settings*="list"]) .king-addons-grid-media-wrap + .king-addons-grid-item-below-content {
131 border-top: 0 !important;
132 border-top-left-radius: 0 !important;
133 border-top-right-radius: 0 !important;
134 }
135
136 .king-addons-grid-item-inner,
137 .king-addons-grid-media-wrap {
138 position: relative;
139 }
140
141 .king-addons-grid-image-wrap {
142 overflow: hidden;
143 }
144
145 .king-addons-grid-image-wrap img {
146 display: block;
147 width: 100%;
148 border-radius: inherit;
149 }
150
151 .elementor-widget-king-addons-media-grid .king-addons-grid[data-settings*="fitRows"] .king-addons-grid-media-wrap {
152 overflow: hidden;
153 }
154
155 .elementor-widget-king-addons-media-grid .king-addons-grid[data-settings*="fitRows"] .king-addons-grid-image-wrap {
156 width: 100%;
157 height: 100%;
158 }
159
160 .elementor-widget-king-addons-media-grid .king-addons-grid[data-settings*="fitRows"] .king-addons-grid-image-wrap img {
161 width: 100%;
162 height: 100%;
163 object-fit: cover;
164 object-position: center center;
165 }
166
167 .king-addons-grid-media-wrap .king-addons-grid-video-play-icon {
168 position: absolute;
169 top: 50%;
170 left: 50%;
171 z-index: 4;
172 display: flex;
173 align-items: center;
174 justify-content: center;
175 width: 64px;
176 height: 64px;
177 border-radius: 50%;
178 background: rgba(255, 255, 255, 0.88);
179 color: #111111;
180 pointer-events: none;
181 transform: translate(-50%, -50%);
182 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
183 }
184
185 .king-addons-grid-media-wrap .king-addons-grid-video-play-icon i,
186 .king-addons-grid-media-wrap .king-addons-grid-video-play-icon svg {
187 font-size: 22px;
188 width: 22px;
189 height: 22px;
190 }
191
192 .king-addons-grid-media-wrap .king-addons-grid-video-cover-placeholder {
193 display: block;
194 width: 100%;
195 min-height: 220px;
196 background: linear-gradient(135deg, #2f3542 0%, #57606f 100%);
197 }
198
199 .lg-outer .lg-has-html5 .lg-video-play {
200 background: rgba(255, 255, 255, 0.92) !important;
201 border-radius: 50%;
202 opacity: 1 !important;
203 }
204
205 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide {
206 display: flex !important;
207 align-items: center;
208 justify-content: center;
209 width: 100% !important;
210 height: 100% !important;
211 padding: 70px 80px 110px;
212 box-sizing: border-box;
213 text-align: center;
214 }
215
216 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide::before {
217 display: none !important;
218 }
219
220 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide .king-addons-lg-html5-video {
221 display: flex !important;
222 align-items: center;
223 justify-content: center;
224 width: 100%;
225 height: auto;
226 max-width: min(1140px, 100%);
227 padding: 0 !important;
228 vertical-align: initial;
229 position: static !important;
230 transform: none !important;
231 }
232
233 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide .king-addons-lg-video-inner {
234 position: relative !important;
235 width: 100%;
236 max-width: 100%;
237 height: auto !important;
238 padding-bottom: 0 !important;
239 overflow: visible;
240 }
241
242 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide video {
243 display: block;
244 width: 100%;
245 max-width: 100%;
246 height: auto;
247 max-height: calc(100vh - 160px);
248 max-height: calc(100dvh - 160px);
249 margin: 0 auto;
250 object-fit: contain;
251 background: #000000;
252 position: static !important;
253 left: auto !important;
254 top: auto !important;
255 transform: none !important;
256 opacity: 1 !important;
257 visibility: visible !important;
258 }
259
260 @media (max-width: 1024px) {
261 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide {
262 padding: 60px 24px 96px;
263 }
264
265 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide video {
266 max-height: calc(100vh - 140px);
267 max-height: calc(100dvh - 140px);
268 }
269 }
270
271 @media (max-width: 767px) {
272 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide {
273 padding: 56px 12px 88px;
274 }
275
276 .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide video {
277 max-height: calc(100vh - 120px);
278 max-height: calc(100dvh - 120px);
279 }
280 }
281
282 .king-addons-grid-media-hover {
283 position: absolute;
284 top: 0;
285 left: 0;
286 overflow: hidden;
287 width: 100%;
288 height: 100%;
289 }
290
291 .king-addons-grid-media-hover-top {
292 position: absolute;
293 z-index: 2;
294 top: 0;
295 left: 0;
296 width: 100%;
297 }
298
299 .king-addons-grid-media-hover-bottom {
300 position: absolute;
301 z-index: 2;
302 bottom: 0;
303 left: 0;
304 width: 100%;
305 }
306
307 .king-addons-grid-media-hover-middle {
308 position: relative;
309 z-index: 2;
310 }
311
312 .king-addons-magazine-grid-wrap {
313 opacity: 0;
314 }
315
316 .king-addons-grid .king-addons-cv-container,
317 .king-addons-magazine-grid .king-addons-cv-container {
318 z-index: 1;
319 }
320
321 .king-addons-magazine-grid:before,
322 .king-addons-magazine-grid:after {
323 content: none;
324 }
325
326 .king-addons-grid-item-display-block {
327 clear: both;
328 }
329
330 .king-addons-grid-item-display-inline.king-addons-grid-item-align-left,
331 .king-addons-grid-item-display-custom.king-addons-grid-item-align-left {
332 float: left;
333 }
334
335 .king-addons-grid-item-display-inline.king-addons-grid-item-align-right,
336 .king-addons-grid-item-display-custom.king-addons-grid-item-align-right {
337 float: right;
338 }
339
340 .king-addons-grid-item-display-inline.king-addons-grid-item-align-center,
341 .king-addons-grid-item-display-custom.king-addons-grid-item-align-center {
342 display: inline-block;
343 float: none;
344 vertical-align: middle;
345 }
346
347 .king-addons-grid-item-title .inner-block a,
348 .king-addons-grid-item-date .inner-block > span,
349 .king-addons-grid-item-time .inner-block > span,
350 .king-addons-grid-item-author .inner-block a,
351 .king-addons-grid-item-comments .inner-block a,
352 .king-addons-grid-item-read-more .inner-block a,
353 .king-addons-grid-item-likes .inner-block a,
354 .king-addons-grid-item-sharing .inner-block > span,
355 .king-addons-grid-item-lightbox .inner-block > span,
356 .king-addons-grid-product-categories .inner-block a,
357 .king-addons-grid-product-tags .inner-block a,
358 .king-addons-grid-tax-style-1 .inner-block a,
359 .king-addons-grid-tax-style-2 .inner-block a,
360 .king-addons-grid-cf-style-1 .inner-block > a,
361 .king-addons-grid-cf-style-1 .inner-block > span,
362 .king-addons-grid-cf-style-2 .inner-block > a,
363 .king-addons-grid-cf-style-2 .inner-block > span,
364 .king-addons-grid-sep-style-1 .inner-block > span,
365 .king-addons-grid-sep-style-2 .inner-block > span,
366 .king-addons-grid-item-status .inner-block > span,
367 .king-addons-grid-item-price .inner-block > span,
368 .king-addons-grid-item-add-to-cart .inner-block > a,
369 .king-addons-grid-item-read-more .inner-block a {
370 display: inline-block;
371 }
372
373 .king-addons-grid-item-display-custom.king-addons-grid-item-title .inner-block a,
374 .king-addons-grid-item-display-custom.king-addons-grid-item-date .inner-block > span,
375 .king-addons-grid-item-display-custom.king-addons-grid-item-time .inner-block > span,
376 .king-addons-grid-item-display-custom.king-addons-grid-item-comments .inner-block a,
377 .king-addons-grid-item-display-custom.king-addons-grid-item-read-more .inner-block a,
378 .king-addons-grid-item-display-custom.king-addons-grid-item-likes .inner-block a,
379 .king-addons-grid-item-display-custom.king-addons-grid-item-sharing .inner-block > span,
380 .king-addons-grid-item-display-custom.king-addons-grid-item-lightbox .inner-block > span,
381 .king-addons-grid-item-display-custom.king-addons-grid-cf-style-1 .inner-block > a,
382 .king-addons-grid-item-display-custom.king-addons-grid-cf-style-1 .inner-block > span,
383 .king-addons-grid-item-display-custom.king-addons-grid-cf-style-2 .inner-block > a,
384 .king-addons-grid-item-display-custom.king-addons-grid-cf-style-2 .inner-block > span,
385 .king-addons-grid-item-display-custom.king-addons-grid-sep-style-1 .inner-block > span,
386 .king-addons-grid-item-display-custom.king-addons-grid-sep-style-2 .inner-block > span,
387 .king-addons-grid-item-display-custom.king-addons-grid-item-product-status .inner-block > span,
388 .king-addons-grid-item-display-custom.king-addons-grid-item-product-price .inner-block > span,
389 .king-addons-grid-item-display-custom.king-addons-grid-item-add-to-cart .inner-block > a,
390 .king-addons-grid-item-display-custom.king-addons-grid-item-read-more .inner-block a {
391 width: 100%;
392 }
393
394 .king-addons-grid-item-content .inner-block,
395 .king-addons-grid-item-excerpt .inner-block {
396 display: inline-block;
397 }
398
399 .king-addons-grid-item-excerpt .inner-block p {
400 margin: 0 !important;
401 }
402
403 .king-addons-grid-media-hover-bg {
404 position: absolute;
405 }
406
407 .king-addons-grid-media-hover-bg img {
408 position: absolute;
409 top: 50%;
410 left: 50%;
411 transform: translate(-50%, -50%) scale(1) !important;
412 filter: blur(0px) !important;
413 }
414
415 .king-addons-grid-media-hover-bg img {
416 position: absolute;
417 top: 50%;
418 left: 50%;
419 transform: translate(-50%, -50%) scale(1) !important;
420 filter: grayscale(0) blur(0px) !important;
421 }
422
423 .king-addons-grid-item-author img,
424 .king-addons-grid-item-author span {
425 display: inline-block;
426 vertical-align: middle;
427 }
428
429 .king-addons-grid-item-author img {
430 transform: none !important;
431 filter: none !important;
432 }
433
434 .king-addons-grid-item-likes .inner-block a {
435 text-align: center;
436 }
437
438 .king-addons-likes-no-default.king-addons-likes-zero i {
439 padding: 0 !important;
440 }
441
442 .king-addons-grid-item-sharing .inner-block a {
443 text-align: center;
444 }
445
446 .king-addons-grid-item-sharing .king-addons-post-sharing {
447 position: relative;
448 }
449
450 .king-addons-grid-item-sharing .king-addons-sharing-icon {
451 position: relative;
452 display: inline-block;
453 }
454
455 .king-addons-grid-item-sharing .king-addons-sharing-icon .king-addons-tooltip {
456 left: 50%;
457 transform: translate(-50%, -100%);
458 }
459
460 .king-addons-grid-item-sharing .king-addons-sharing-icon:hover .king-addons-tooltip {
461 visibility: visible;
462 transform: translate(-50%, -120%);
463 opacity: 1;
464 }
465
466 .king-addons-grid-item-sharing .king-addons-tooltip:before {
467 left: 50%;
468 transform: translateX(-50%);
469 }
470
471 .king-addons-grid-item-sharing .king-addons-sharing-trigger {
472 cursor: pointer;
473 }
474
475 .king-addons-grid-item-sharing .king-addons-tooltip {
476 display: block;
477 padding: 10px;
478 }
479
480 .king-addons-grid-item-sharing .king-addons-sharing-hidden {
481 position: absolute;
482 z-index: 3;
483 visibility: hidden;
484 text-align: center;
485 }
486
487 .king-addons-grid-item-sharing .king-addons-sharing-hidden a {
488 opacity: 0;
489 }
490
491 .king-addons-sharing-hidden a {
492 position: relative;
493 top: -5px;
494 transition-delay: 0s;
495 transition-timing-function: cubic-bezier(.445, .050, .55, .95);
496 transition-duration: 0.3s !important;
497 }
498
499 .king-addons-sharing-hidden a + a {
500 transition-delay: 0.1s;
501 }
502
503 .king-addons-sharing-hidden a + a + a {
504 transition-delay: 0.2s;
505 }
506
507 .king-addons-sharing-hidden a + a + a + a {
508 transition-delay: 0.3s;
509 }
510
511 .king-addons-sharing-hidden a + a + a + a + a {
512 transition-delay: 0.4s;
513 }
514
515 .king-addons-grid-item-sharing a:last-of-type {
516 margin-right: 0 !important;
517 }
518
519 .king-addons-grid-item-sharing .inner-block a {
520 transition-timing-function: linear;
521 transition-property: color, background-color, border;
522 }
523
524 .king-addons-grid-item-read-more .inner-block > a,
525 .king-addons-grid-item-add-to-cart .inner-block > a {
526 position: relative;
527 overflow: hidden;
528 vertical-align: middle;
529 }
530
531 .king-addons-grid-item-read-more .inner-block > a i,
532 .king-addons-grid-item-read-more .inner-block > a span,
533 .king-addons-grid-item-add-to-cart .inner-block > a i,
534 .king-addons-grid-item-add-to-cart .inner-block > a span {
535 position: relative;
536 z-index: 2;
537 opacity: 1;
538 }
539
540 .king-addons-grid-item-read-more .inner-block > a:before,
541 .king-addons-grid-item-read-more .inner-block > a:after,
542 .king-addons-grid-item-add-to-cart .inner-block > a:before,
543 .king-addons-grid-item-add-to-cart .inner-block > a:after {
544 z-index: 1;
545 }
546
547 .king-addons-grid-item-lightbox .inner-block > span,
548 .king-addons-grid-lightbox-overlay {
549 cursor: pointer;
550 }
551
552 .king-addons-grid-lightbox-overlay {
553 position: absolute;
554 z-index: 10;
555 top: 0;
556 left: 0;
557 width: 100%;
558 height: 100%;
559 }
560
561 .admin-bar .lg-toolbar {
562 top: 32px;
563 }
564
565 .king-addons-grid-item-separator .inner-block {
566 font-size: 0;
567 line-height: 0;
568 }
569
570 .king-addons-grid-item-separator.king-addons-grid-item-display-inline span {
571 width: 100% !important;
572 }
573
574 .king-addons-grid-extra-icon-left,
575 .king-addons-grid-extra-icon-right {
576 display: inline-flex;
577 align-items: center;
578 justify-content: center;
579 }
580
581 .king-addons-grid-extra-icon-left svg,
582 .king-addons-grid-extra-icon-right svg {
583 width: 1em;
584 height: 1em;
585 vertical-align: middle;
586 fill: currentColor;
587 }
588
589 .king-addons-woocommerce-rating i {
590 font-family: "eicons", serif;
591 font-style: normal;
592 line-height: 1;
593 position: relative;
594 display: inline;
595 overflow: hidden;
596 }
597
598 .king-addons-woocommerce-rating i:before {
599 font-family: inherit;
600 font-size: inherit;
601 font-weight: 900;
602 position: absolute;
603 top: 0;
604 left: 0;
605 display: block;
606 overflow: hidden;
607 content: '\e934';
608 }
609
610 .king-addons-woocommerce-rating-style-2 .king-addons-woocommerce-rating i:before {
611 content: '\002605';
612 }
613
614 .king-addons-woocommerce-rating .king-addons-rating-marked,
615 .king-addons-woocommerce-rating .king-addons-rating-unmarked {
616 display: inline-flex;
617 }
618
619 .king-addons-woocommerce-rating i:last-of-type {
620 margin-right: 0 !important;
621 }
622
623 .king-addons-rating-icon-empty:before {
624 display: none !important;
625 }
626
627 .king-addons-rating-icon-5 .king-addons-rating-marked svg {
628 mask: linear-gradient(to right, black 50%, transparent 50%);
629 }
630
631 .king-addons-rating-icon-0:before,
632 .king-addons-rating-icon-0 .king-addons-rating-marked {
633 width: 0;
634 }
635
636 .king-addons-rating-icon-1:before,
637 .king-addons-rating-icon-1 .king-addons-rating-marked {
638 width: 20%;
639 }
640
641 .king-addons-rating-icon-2:before,
642 .king-addons-rating-icon-2 .king-addons-rating-marked {
643 width: 30%;
644 }
645
646 .king-addons-rating-icon-3:before,
647 .king-addons-rating-icon-3 .king-addons-rating-marked {
648 width: 35%;
649 }
650
651 .king-addons-rating-icon-4:before,
652 .king-addons-rating-icon-4 .king-addons-rating-marked {
653 width: 40%;
654 }
655
656 .king-addons-rating-icon-5:before,
657 .king-addons-rating-icon-5 .king-addons-rating-marked:not(:has(svg)) {
658 width: 50%;
659 }
660
661 .king-addons-rating-icon-6:before,
662 .king-addons-rating-icon-6 .king-addons-rating-marked {
663 width: 60%;
664 }
665
666 .king-addons-rating-icon-7:before,
667 .king-addons-rating-icon-7 .king-addons-rating-marked {
668 width: 65%;
669 }
670
671 .king-addons-rating-icon-8:before,
672 .king-addons-rating-icon-8 .king-addons-rating-marked {
673 width: 70%;
674 }
675
676 .king-addons-rating-icon-9:before,
677 .king-addons-rating-icon-9 .king-addons-rating-marked {
678 width: 80%;
679 }
680
681 .king-addons-rating-icon-full:before {
682 width: 100%;
683 }
684
685 .king-addons-rating-icon {
686 position: relative;
687 overflow: hidden;
688 }
689
690 .king-addons-rating-icon .king-addons-rating-marked {
691 position: absolute;
692 left: 0;
693 overflow: hidden;
694 }
695
696 .king-addons-woocommerce-rating .king-addons-rating-icon,
697 i[class*="king-addons-rating-icon-"] {
698 display: inline-flex !important;
699 align-items: center;
700 }
701
702 .king-addons-grid-filters li {
703 display: inline-block;
704 }
705
706 .king-addons-grid-filters li:last-of-type {
707 margin-right: 0 !important;
708 }
709
710 .king-addons-grid-filters li span {
711 display: inline-block;
712 cursor: pointer;
713 text-decoration: inherit;
714 }
715
716 .king-addons-grid-filters li a {
717 display: inline-block;
718 }
719
720 .king-addons-grid-filters li sup {
721 line-height: 1;
722 position: relative;
723 padding-left: 5px;
724 }
725
726 .king-addons-grid-filters li sup[data-brackets="yes"]:before {
727 content: '\0028';
728 }
729
730 .king-addons-grid-filters li sup[data-brackets="yes"]:after {
731 content: '\0029';
732 }
733
734 .king-addons-grid-filters .king-addons-active-filter.king-addons-pointer-item:before,
735 .king-addons-grid-filters .king-addons-active-filter.king-addons-pointer-item:after {
736 width: 100% !important;
737 opacity: 1 !important;
738 }
739
740 .king-addons-grid-filters-sep {
741 font-style: normal;
742 }
743
744 .king-addons-grid-filters-sep-right li:last-of-type .king-addons-grid-filters-sep,
745 .king-addons-grid-filters-sep-left li:first-child .king-addons-grid-filters-sep {
746 display: none;
747 }
748
749 .king-addons-sub-filters {
750 display: none;
751 padding: 0;
752 }
753
754 .king-addons-grid-sorting {
755 display: flex;
756 align-items: center;
757 flex-wrap: wrap;
758 }
759
760 .king-addons-grid-sorting > div,
761 .king-addons-grid-sorting .woocommerce-ordering {
762 flex-grow: 1;
763 }
764
765 .king-addons-grid-sorting .woocommerce-ordering {
766 text-align: right;
767 }
768
769 .king-addons-grid-sorting .woocommerce-ordering select {
770 width: auto;
771 outline: none !important;
772 }
773
774 .king-addons-grid-sorting .king-addons-shop-page-title,
775 .king-addons-grid-sorting .woocommerce-result-count,
776 .king-addons-grid-sorting .woocommerce-ordering {
777 margin: 0 !important;
778 }
779
780 .king-addons-atc-not-clickable {
781 pointer-events: none;
782 opacity: 0.5;
783 }
784
785
786 @keyframes king-addons-added-tc-popup-animation {
787 from {
788 opacity: 0;
789 transform: translateY(-50%)
790 }
791 to {
792 opacity: 1;
793 transform: translateY(0)
794 }
795 }
796
797 @keyframes king-addons-added-tc-popup-animation-hide {
798 from {
799 opacity: 1;
800 transform: translateY(0)
801 }
802 to {
803 opacity: 0;
804 transform: translateY(-50%)
805 }
806 }
807
808 @keyframes king-addons-added-tc-popup-animation-bottom {
809 from {
810 opacity: 0;
811 transform: translateY(50%)
812 }
813 to {
814 opacity: 1;
815 transform: translateY(0)
816 }
817 }
818
819 @keyframes king-addons-added-tc-popup-animation-hide-bottom {
820 from {
821 opacity: 1;
822 transform: translateY(0)
823 }
824 to {
825 opacity: 0;
826 transform: translateY(50%)
827 }
828 }
829
830 @keyframes king-addons-added-tc-popup-animation-slide-in-left {
831 from {
832 opacity: 0;
833 transform: translateX(100%)
834 }
835 to {
836 opacity: 1;
837 transform: translateX(0)
838 }
839 }
840
841 @keyframes king-addons-added-tc-popup-animation-slide-out-left {
842 from {
843 opacity: 1;
844 transform: translateX(0)
845 }
846 to {
847 opacity: 0;
848 transform: translateX(100%)
849 }
850 }
851
852 @keyframes king-addons-added-tc-popup-animation-scale-up {
853 from {
854 opacity: 0;
855 transform: scale(0)
856 }
857 to {
858 opacity: 1;
859 transform: scale(1)
860 }
861 }
862
863 @keyframes king-addons-added-tc-popup-animation-scale-down {
864 from {
865 opacity: 1;
866 transform: scale(1)
867 }
868 to {
869 opacity: 0;
870 transform: scale(0)
871 }
872 }
873
874 @keyframes king-addons-added-tc-popup-animation-fade {
875 from {
876 opacity: 0;
877 }
878 to {
879 opacity: 1;
880 }
881 }
882
883 @keyframes king-addons-added-tc-popup-animation-fade-out {
884 from {
885 opacity: 1;
886 }
887 to {
888 opacity: 0;
889 }
890 }
891
892 @keyframes king-addons-added-tc-popup-animation-skew {
893 from {
894 opacity: 0;
895 transform: perspective(600px) rotateX(-90deg);
896 }
897 to {
898 opacity: 1;
899 transform: perspective(600px) rotateX(0deg);
900 }
901 }
902
903 @keyframes king-addons-added-tc-popup-animation-skew-off {
904 from {
905 opacity: 1;
906 transform: perspective(600px) rotateX(0deg);
907 }
908 to {
909 opacity: 0;
910 transform: perspective(600px) rotateX(-90deg);
911 }
912 }
913
914 @keyframes king-addons-added-tc-popup-animation-skew-bottom {
915 from {
916 opacity: 0;
917 transform: perspective(600px) rotateX(90deg);
918 }
919 to {
920 opacity: 1;
921 transform: perspective(600px) rotateX(0deg);
922 }
923 }
924
925 @keyframes king-addons-added-tc-popup-animation-skew-off-bottom {
926 from {
927 opacity: 1;
928 transform: perspective(600px) rotateX(0deg);
929 }
930 to {
931 opacity: 0;
932 transform: perspective(600px) rotateX(90deg);
933 }
934 }
935
936 .king-addons-fade-to {
937 opacity: 0.6;
938 }
939
940 .king-addons-added-to-compare-popup,
941 .king-addons-added-to-wishlist-popup,
942 .king-addons-added-to-cart-popup {
943 position: fixed;
944 z-index: 99999;
945 display: flex;
946 overflow: hidden;
947 opacity: 0;
948 }
949
950 .king-addons-added-to-compare-popup.king-addons-added-to-compare-slide-in-left,
951 .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-slide-in-left,
952 .king-addons-added-to-cart-popup.king-addons-added-to-cart-slide-in-left {
953 animation-name: king-addons-added-tc-popup-animation-slide-in-left !important;
954 animation-duration: 1s;
955 animation-fill-mode: forwards;
956 }
957
958 .king-addons-added-to-compare-popup.king-addons-added-to-compare-slide-out-left,
959 .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-slide-out-left,
960 .king-addons-added-to-cart-popup.king-addons-added-to-cart-slide-out-left {
961 animation-name: king-addons-added-tc-popup-animation-slide-out-left !important;
962 animation-duration: 1s;
963 animation-fill-mode: forwards;
964 }
965
966 .king-addons-added-to-compare-popup.king-addons-added-to-compare-scale-up,
967 .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-scale-up,
968 .king-addons-added-to-cart-popup.king-addons-added-to-cart-scale-up {
969 animation-name: king-addons-added-tc-popup-animation-scale-up !important;
970 animation-duration: 1s;
971 animation-fill-mode: forwards;
972 }
973
974 .king-addons-added-to-compare-popup.king-addons-added-to-compare-scale-down,
975 .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-scale-down,
976 .king-addons-added-to-cart-popup.king-addons-added-to-cart-scale-down {
977 animation-name: king-addons-added-tc-popup-animation-scale-down !important;
978 animation-duration: 1s;
979 animation-fill-mode: forwards;
980 }
981
982 .king-addons-added-to-compare-popup.king-addons-added-to-compare-fade,
983 .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-fade,
984 .king-addons-added-to-cart-popup.king-addons-added-to-cart-fade {
985 animation-name: king-addons-added-tc-popup-animation-fade !important;
986 animation-duration: 1s;
987 animation-fill-mode: forwards;
988 }
989
990 .king-addons-added-to-compare-popup.king-addons-added-to-compare-fade-out,
991 .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-fade-out,
992 .king-addons-added-to-cart-popup.king-addons-added-to-cart-fade-out {
993 animation-name: king-addons-added-tc-popup-animation-fade-out !important;
994 animation-duration: 1s;
995 animation-fill-mode: forwards;
996 }
997
998 .king-addons-atc-popup-top .king-addons-added-to-compare-popup.king-addons-added-to-wishlist-skew,
999 .king-addons-atc-popup-top .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-skew,
1000 .king-addons-atc-popup-top .king-addons-added-to-cart-popup.king-addons-added-to-cart-skew {
1001 transform-origin: center top 0;
1002 animation-name: king-addons-added-tc-popup-animation-skew !important;
1003 animation-duration: 1s;
1004 animation-fill-mode: forwards;
1005 }
1006
1007 .king-addons-atc-popup-top .king-addons-added-to-compare-popup.king-addons-added-to-compare-skew-off,
1008 .king-addons-atc-popup-top .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-skew-off,
1009 .king-addons-atc-popup-top .king-addons-added-to-cart-popup.king-addons-added-to-cart-skew-off {
1010 transform-origin: center top 0;
1011 animation-name: king-addons-added-tc-popup-animation-skew-off !important;
1012 animation-duration: 1s;
1013 animation-fill-mode: forwards;
1014 }
1015
1016 .king-addons-atc-popup-bottom .king-addons-added-to-compare-popup.king-addons-added-to-compare-skew,
1017 .king-addons-atc-popup-bottom .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-skew,
1018 .king-addons-atc-popup-bottom .king-addons-added-to-cart-popup.king-addons-added-to-cart-skew {
1019 transform-origin: center bottom 0;
1020 animation-name: king-addons-added-tc-popup-animation-skew-bottom !important;
1021 animation-duration: 1s;
1022 animation-fill-mode: forwards;
1023 }
1024
1025 .king-addons-atc-popup-bottom .king-addons-added-to-compare-popup.king-addons-added-to-compare-skew-off,
1026 .king-addons-atc-popup-bottom .king-addons-added-to-wishlist-popup.king-addons-added-to-wishlist-skew-off,
1027 .king-addons-atc-popup-bottom .king-addons-added-to-cart-popup.king-addons-added-to-cart-skew-off {
1028 transform-origin: center bottom 0;
1029 animation-name: king-addons-added-tc-popup-animation-skew-off-bottom !important;
1030 animation-duration: 1s;
1031 animation-fill-mode: forwards;
1032 }
1033
1034 .king-addons-atc-popup-top .king-addons-added-to-compare-popup,
1035 .king-addons-atc-popup-top .king-addons-added-to-wishlist-popup,
1036 .king-addons-atc-popup-top .king-addons-added-to-cart-popup {
1037 top: 0;
1038 right: 0;
1039 animation-name: king-addons-added-tc-popup-animation;
1040 animation-duration: 1s;
1041 animation-fill-mode: forwards;
1042 }
1043
1044 .king-addons-atc-popup-top .king-addons-added-to-compare-popup-hide,
1045 .king-addons-atc-popup-top .king-addons-added-to-wishlist-popup-hide,
1046 .king-addons-atc-popup-top .king-addons-added-to-cart-popup-hide {
1047 animation-name: king-addons-added-tc-popup-animation-hide;
1048 animation-duration: 1s;
1049 animation-fill-mode: forwards;
1050 }
1051
1052 .king-addons-atc-popup-bottom .king-addons-added-to-compare-popup,
1053 .king-addons-atc-popup-bottom .king-addons-added-to-wishlist-popup,
1054 .king-addons-atc-popup-bottom .king-addons-added-to-cart-popup {
1055 right: 0;
1056 bottom: 0;
1057 animation-name: king-addons-added-tc-popup-animation-bottom;
1058 animation-duration: 1s;
1059 animation-fill-mode: forwards;
1060 }
1061
1062 .king-addons-atc-popup-bottom .king-addons-added-to-compare-popup-hide,
1063 .king-addons-atc-popup-bottom .king-addons-added-to-wishlist-popup-hide,
1064 .king-addons-atc-popup-bottom .king-addons-added-to-cart-popup-hide {
1065 animation-name: king-addons-added-tc-popup-animation-hide-bottom;
1066 animation-duration: 1s;
1067 animation-fill-mode: forwards;
1068 }
1069
1070 .king-addons-added-tcompare-title,
1071 .king-addons-added-tw-title,
1072 .king-addons-added-tc-title {
1073 flex: 1;
1074 }
1075
1076 .king-addons-added-tcompare-title a,
1077 .king-addons-added-tw-title a,
1078 .king-addons-added-tc-title a {
1079 display: inline;
1080 }
1081
1082 .king-addons-added-tcompare-title p,
1083 .king-addons-added-tw-title p,
1084 .king-addons-added-tc-title p {
1085 margin: 0;
1086 }
1087
1088 .king-addons-added-tcomp-popup-img img,
1089 .king-addons-added-tw-popup-img img,
1090 .king-addons-added-tc-popup-img img {
1091 width: 100%;
1092 height: auto;
1093 }
1094
1095 .king-addons-grid .added_to_wishlist,
1096 .king-addons-grid .added_to_cart {
1097 opacity: 0;
1098 }
1099
1100 .king-addons-grid-pagination {
1101 margin-top: 30px;
1102 }
1103
1104 .king-addons-grid-pagination > a,
1105 .king-addons-grid-pagination > span {
1106 display: inline-block;
1107 }
1108
1109 .king-addons-grid-pagination i,
1110 .king-addons-grid-pagination svg {
1111 vertical-align: middle;
1112 }
1113
1114 .king-addons-grid-pagination .king-addons-disabled-arrow {
1115 cursor: not-allowed;
1116 opacity: 0.4;
1117 }
1118
1119 .king-addons-pagination-loading,
1120 .king-addons-pagination-finish {
1121 display: none;
1122 }
1123
1124 .king-addons-grid-pagination-center .king-addons-grid-pagination,
1125 .king-addons-grid-pagination-justify .king-addons-grid-pagination {
1126 text-align: center;
1127 }
1128
1129 .king-addons-grid-pagination-center .king-addons-grid-pagination {
1130 display: flex;
1131 justify-content: center;
1132 }
1133
1134 .king-addons-grid-pagination-left .king-addons-grid-pagination {
1135 display: flex;
1136 justify-content: flex-start;
1137 text-align: left;
1138 }
1139
1140 .king-addons-grid-pagination-right .king-addons-grid-pagination {
1141 display: flex;
1142 justify-content: flex-end;
1143 text-align: right;
1144 }
1145
1146 .king-addons-grid-pagination-infinite-scroll {
1147 text-align: center;
1148 }
1149
1150 .king-addons-grid-pagination-justify .king-addons-grid-pagination-left-arrows,
1151 .king-addons-grid-pagination-justify .king-addons-grid-pagination-default .king-addons-prev-post-link {
1152 float: left;
1153 }
1154
1155 .king-addons-grid-pagination-justify .king-addons-grid-pagination-right-arrows,
1156 .king-addons-grid-pagination-justify .king-addons-grid-pagination-default .king-addons-next-post-link {
1157 float: right;
1158 }
1159
1160 .king-addons-grid-pagination-left-arrows,
1161 .king-addons-grid-pagination-right-arrows,
1162 .king-addons-grid-pagination .king-addons-load-more-btn {
1163 display: inline-block;
1164 }
1165
1166 .king-addons-load-more-btn,
1167 .king-addons-grid-pagination-right-arrows a:last-child,
1168 .king-addons-grid-pagination-right-arrows span:last-child {
1169 margin-right: 0 !important;
1170 }
1171
1172 .king-addons-grid-pagination .king-addons-first-page,
1173 .king-addons-grid-pagination .king-addons-last-page,
1174 .king-addons-grid-pagination .king-addons-prev-page,
1175 .king-addons-grid-pagination .king-addons-prev-post-link,
1176 .king-addons-grid-pagination .king-addons-next-page,
1177 .king-addons-grid-pagination .king-addons-next-post-link {
1178 display: inline-flex;
1179 align-items: center;
1180 justify-content: center;
1181 height: 100%;
1182 }
1183
1184 @media screen and (max-width: 767px) {
1185 .king-addons-grid-pagination span > span,
1186 .king-addons-grid-pagination a > span {
1187 display: none;
1188 }
1189
1190 .king-addons-grid-pagination.king-addons-grid-pagination-numbered span i,
1191 .king-addons-grid-pagination.king-addons-grid-pagination-numbered a i {
1192 padding: 0 !important;
1193 }
1194 }
1195
1196 .elementor-editor-active .king-addons-grid-pagination-infinite-scroll {
1197 display: none;
1198 }
1199
1200 .king-addons-grid-slider-nav-position-default .king-addons-grid-slider-arrow-container {
1201 position: absolute;
1202 display: flex;
1203 }
1204
1205 .king-addons-grid-slider-nav-position-default .king-addons-grid-slider-arrow {
1206 position: static;
1207 }
1208
1209 .king-addons-grid-slider-nav-position-default .king-addons-grid-slider-prev-arrow {
1210 transform: none;
1211 }
1212
1213 .king-addons-grid-slider-nav-position-default .king-addons-grid-slider-next-arrow {
1214 transform: translateY(0) rotate(180deg);
1215 }
1216
1217 .king-addons-grid-slider-nav-align-top-center .king-addons-grid-slider-arrow-container,
1218 .king-addons-grid-slider-nav-align-bottom-center .king-addons-grid-slider-arrow-container {
1219 left: 50%;
1220 transform: translateX(-50%);
1221 }
1222
1223 .king-addons-grid-slider-arrow {
1224 position: absolute;
1225 z-index: 120;
1226 top: 50%;
1227 box-sizing: content-box;
1228 cursor: pointer;
1229 transition: all .5s;
1230 text-align: center;
1231 }
1232
1233 .king-addons-grid-slider-arrow i {
1234 display: flex;
1235 align-items: center;
1236 justify-content: center;
1237 width: 100%;
1238 height: 100%;
1239 }
1240
1241 .king-addons-adjust-slider-prev-arrow {
1242 left: 1% !important;
1243 }
1244
1245 .king-addons-adjust-slider-next-arrow {
1246 right: 1% !important;
1247 }
1248
1249 .king-addons-grid-slider-prev-arrow {
1250 left: 1%;
1251 transform: translateY(-50%);
1252 }
1253
1254 .king-addons-grid-slider-next-arrow {
1255 right: 1%;
1256 transform: translateY(-50%) rotate(180deg);
1257 }
1258
1259 .king-addons-grid-slider-nav-fade .king-addons-grid-slider-arrow-container {
1260 visibility: hidden;
1261 opacity: 0;
1262 }
1263
1264 .king-addons-grid-slider-nav-fade:hover .king-addons-grid-slider-arrow-container {
1265 visibility: visible;
1266 opacity: 1;
1267 }
1268
1269 .king-addons-grid-slider-dots {
1270 position: absolute;
1271 z-index: 110;
1272 left: 50%;
1273 display: inline-table;
1274 transform: translate(-50%, -50%);
1275 }
1276
1277 .king-addons-grid-slider-dots ul {
1278 margin: 0;
1279 padding: 0;
1280 list-style: none;
1281 }
1282
1283 .king-addons-grid-slider-dots-horizontal .king-addons-grid-slider-dots li,
1284 .king-addons-grid-slider-dots-pro-vr .slick-dots li {
1285 float: left;
1286 }
1287
1288 .king-addons-grid.slick-dotted.slick-slider {
1289 margin-bottom: 0 !important;
1290 }
1291
1292 .king-addons-grid-slider-dots-vertical .slick-dots li {
1293 display: block;
1294 width: auto !important;
1295 height: auto !important;
1296 margin: 0 !important;
1297 }
1298
1299 .king-addons-grid-slider-dots-horizontal .slick-dots li,
1300 .king-addons-grid-slider-dots-pro-vr .slick-dots li {
1301 width: auto !important;
1302 margin: 0 !important;
1303 padding-top: 10px;
1304 }
1305
1306 .king-addons-grid-slider-dots-horizontal .slick-dots li:last-child span {
1307 margin-right: 0 !important;
1308 }
1309
1310 .king-addons-grid-slider-dot {
1311 display: block;
1312 cursor: pointer;
1313 }
1314
1315 .king-addons-grid-slider-dots li:last-child .king-addons-grid-slider-dot {
1316 margin: 0 !important;
1317 }
1318
1319 .king-addons-grid-item-protected {
1320 position: absolute;
1321 z-index: 11 !important;
1322 top: 0;
1323 left: 0;
1324 width: 100%;
1325 height: 100%;
1326 }
1327
1328 .king-addons-grid-item-protected i {
1329 font-size: 22px;
1330 }
1331
1332 .king-addons-grid-item-protected input {
1333 font-size: 13px;
1334 width: 50%;
1335 margin-top: 10px;
1336 padding: 7px 13px;
1337 border: none;
1338 }
1339
1340 .king-addons-grid-sorting-inner-wrap {
1341 display: flex;
1342 align-items: center;
1343 justify-content: space-between;
1344 }
1345
1346 .king-addons-products-result-count .woocommerce-result-count {
1347 margin: 0;
1348 }
1349
1350 .king-addons-sort-select-position-above .king-addons-grid-sort-heading {
1351 display: flex;
1352 justify-content: space-between;
1353 }
1354
1355 .king-addons-grid-sort-heading {
1356 width: 100%;
1357 }
1358
1359 .king-addons-grid-sort-heading * {
1360 margin: 0;
1361 }
1362
1363 .king-addons-grid-orderby span {
1364 position: relative;
1365 display: block;
1366 }
1367
1368 .king-addons-grid-sorting-wrap form .orderby {
1369 appearance: none;
1370 }
1371
1372 .king-addons-grid-sorting-wrap .king-addons-orderby-icon {
1373 font-family: "Font Awesome 5 Free", serif;
1374 font-weight: 600 !important;
1375 position: absolute;
1376 top: 50%;
1377 transform: translateY(-50%);
1378 }
1379
1380 .king-addons-sale-dates {
1381 display: inline-block;
1382 }
1383
1384 .elementor-widget-king-addons-grid .king-addons-grid-media-hover-bg,
1385 .elementor-widget-king-addons-media-grid .king-addons-grid-media-hover-bg,
1386 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-media-hover-bg {
1387 background-color: rgba(0, 0, 0, 0.25);
1388 }
1389
1390 .elementor-widget-king-addons-magazine-grid .king-addons-grid-media-hover-bg {
1391 background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 1) 100%);
1392 }
1393
1394 .elementor-widget-king-addons-grid .king-addons-grid-item-title,
1395 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-title,
1396 .elementor-widget-king-addons-woocommerce-category-grid-pro .king-addons-grid-item-title,
1397 .elementor-widget-king-addons-category-grid-pro .king-addons-grid-item-title {
1398 font-size: 21px;
1399 font-weight: 700;
1400 line-height: 23px;
1401 margin: 0;
1402 }
1403
1404 .elementor-widget-king-addons-magazine-grid .king-addons-grid-item-title {
1405 font-size: 22px;
1406 margin: 0;
1407 }
1408
1409 .elementor-widget-king-addons-media-grid .king-addons-grid-item-title {
1410 font-size: 15px;
1411 font-weight: 500;
1412 margin: 0;
1413 }
1414
1415 .elementor-widget-king-addons-grid .king-addons-grid-item-content,
1416 .elementor-widget-king-addons-grid .king-addons-grid-item-excerpt,
1417 .elementor-widget-king-addons-grid .king-addons-grid-item-author,
1418 .elementor-widget-king-addons-grid .king-addons-grid-item-time,
1419 .elementor-widget-king-addons-grid .king-addons-grid-item-read-more a,
1420 .elementor-widget-king-addons-grid .king-addons-grid-item-likes,
1421 .elementor-widget-king-addons-grid .king-addons-grid-item-sharing,
1422 .elementor-widget-king-addons-grid .king-addons-grid-tax-style-1,
1423 .elementor-widget-king-addons-grid .king-addons-grid-cf-style-1,
1424 .elementor-widget-king-addons-grid .king-addons-grid-filters li,
1425 .elementor-widget-king-addons-grid .king-addons-grid-pagination,
1426 .elementor-widget-king-addons-grid .king-addons-grid-item-protected p,
1427 .elementor-widget-king-addons-media-grid .king-addons-grid-item-sharing,
1428 .elementor-widget-king-addons-media-grid .king-addons-grid-filters li,
1429 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-content,
1430 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-product-categories,
1431 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-product-tags,
1432 .elementor-widget-king-addons-woocommerce-grid .king-addons-woocommerce-rating span,
1433 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-status .inner-block > span,
1434 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-add-to-cart a,
1435 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-likes,
1436 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-sharing,
1437 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-lightbox,
1438 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-pagination,
1439 .elementor-widget-king-addons-woocommerce-grid .king-addons-grid-item-price .inner-block > span,
1440 .elementor-widget-king-addons-magazine-grid .king-addons-grid-item-content,
1441 .elementor-widget-king-addons-magazine-grid .king-addons-grid-item-excerpt {
1442 font-size: 14px;
1443 }
1444
1445 .elementor-widget-king-addons-magazine-grid .king-addons-grid-tax-style-1 {
1446 font-size: 12px;
1447 list-style-position: inherit;
1448 }
1449
1450 .elementor-widget-king-addons-magazine-grid .king-addons-grid-item-date,
1451 .elementor-widget-king-addons-magazine-grid .king-addons-grid-item-time,
1452 .elementor-widget-king-addons-magazine-grid .king-addons-grid-item-author {
1453 font-size: 12px;
1454 list-style-position: inherit;
1455 }
1456
1457 .elementor-widget-king-addons-grid .king-addons-grid-item-date,
1458 .elementor-widget-king-addons-grid .king-addons-grid-item-comments,
1459 .elementor-widget-king-addons-grid .king-addons-grid-tax-style-2,
1460 .elementor-widget-king-addons-media-grid .king-addons-grid-item-caption,
1461 .elementor-widget-king-addons-media-grid .king-addons-grid-item-date,
1462 .elementor-widget-king-addons-media-grid .king-addons-grid-item-time,
1463 .elementor-widget-king-addons-media-grid .king-addons-grid-item-author,
1464 .elementor-widget-king-addons-media-grid .king-addons-grid-item-likes,
1465 .elementor-widget-king-addons-media-grid .king-addons-grid-tax-style-1,
1466 .elementor-widget-king-addons-media-grid .king-addons-grid-tax-style-2,
1467 .elementor-widget-king-addons-media-magazine-grid .king-addons-grid-tax-style-2 {
1468 font-size: 14px;
1469 }
1470
1471 .elementor-widget-king-addons-grid .king-addons-grid-item-lightbox,
1472 .elementor-widget-king-addons-media-grid .king-addons-grid-item-lightbox {
1473 font-size: 18px;
1474 }
1475
1476 .elementor-widget-king-addons-grid .king-addons-grid-cf-style-2,
1477 .elementor-widget-king-addons-media-grid .king-addons-grid-pagination {
1478 font-size: 15px;
1479 }
1480
1481 .elementor-widget-king-addons-grid .king-addons-grid-tax-style-2 .inner-block a {
1482 background-color: #5B03FF;
1483 }
1484
1485 .elementor-widget-king-addons-grid .king-addons-grid-tax-style-2 .inner-block a:hover {
1486 background-color: #4D02D8;
1487 }
1488
1489 @media screen and (max-width: 580px) {
1490 .king-addons-grid-sorting-inner-wrap {
1491 align-items: flex-start;
1492 flex-direction: column;
1493 }
1494
1495 .king-addons-products-result-count {
1496 margin-bottom: 5px;
1497 }
1498
1499 .king-addons-grid-orderby,
1500 .king-addons-grid-orderby select.orderby,
1501 .king-addons-products-result-count {
1502 width: 100% !important;
1503 }
1504 }
1505
1506 @media screen and (min-width: 768px) {
1507 .king-addons-grid-last-element-yes .king-addons-grid-item-inner {
1508 height: 100% !important;
1509 }
1510
1511 .king-addons-grid-last-element-yes .king-addons-grid-item-below-content > div:last-child {
1512 position: absolute !important;
1513 bottom: 0;
1514 left: 0;
1515 }
1516
1517 .king-addons-grid-last-element-yes .king-addons-grid-item-below-content > div:last-child span {
1518 white-space: nowrap;
1519 }
1520 }
1521
1522 .king-addons-magazine-grid {
1523 display: grid;
1524 justify-content: stretch;
1525 grid-template-rows: 1fr 1fr;
1526 }
1527
1528 .king-addons-magazine-grid-item {
1529 padding: 0 !important;
1530 text-align: center;
1531 }
1532
1533 .king-addons-magazine-grid-add-1vh-3h {
1534 grid-template-rows: auto;
1535 }
1536
1537 .king-addons-magazine-grid-add-1-1-1 {
1538 grid-template-rows: 1fr;
1539 }
1540
1541 .king-addons-magazine-grid-add-2-3,
1542 .king-addons-magazine-grid-add-1-1-3 {
1543 grid-template-columns: repeat(6, 1fr);
1544 }
1545
1546 .king-addons-magazine-grid-add-2-h {
1547 grid-template-columns: repeat(2, 1fr);
1548 }
1549
1550 .king-addons-magazine-grid-add-3-h {
1551 grid-template-columns: repeat(3, 1fr);
1552 }
1553
1554 .king-addons-magazine-grid-add-4-h {
1555 grid-template-columns: repeat(4, 1fr);
1556 }
1557
1558 .king-addons-magazine-grid-add-1vh-3h .king-addons-magazine-grid-item:nth-child(1) {
1559 grid-column-start: 1;
1560 grid-row-start: 1;
1561 grid-row-end: 4;
1562 }
1563
1564 .king-addons-magazine-grid-add-1vh-3h .king-addons-magazine-grid-item:nth-child(2) {
1565 grid-column-start: 2;
1566 }
1567
1568 .king-addons-magazine-grid-add-1vh-3h .king-addons-magazine-grid-item:nth-child(3) {
1569 grid-column-start: 2;
1570 }
1571
1572 .king-addons-magazine-grid-add-1vh-3h .king-addons-magazine-grid-item:nth-child(4) {
1573 grid-column-start: 2;
1574 }
1575
1576 .king-addons-magazine-grid-add-1-2 .king-addons-magazine-grid-item:nth-child(1),
1577 .king-addons-magazine-grid-add-1-3 .king-addons-magazine-grid-item:nth-child(1),
1578 .king-addons-magazine-grid-add-1-4 .king-addons-magazine-grid-item:nth-child(1),
1579 .king-addons-magazine-grid-add-1-1-2 .king-addons-magazine-grid-item:nth-child(1) {
1580 grid-column-start: 1;
1581 grid-row-start: 1;
1582 grid-row-end: 3;
1583 }
1584
1585 .king-addons-magazine-grid-add-1-1-2 .king-addons-magazine-grid-item:nth-child(2) {
1586 grid-row-start: 1;
1587 grid-row-end: 3;
1588 }
1589
1590 .king-addons-magazine-grid-add-2-1-2 .king-addons-magazine-grid-item:nth-child(2) {
1591 grid-column-start: 2;
1592 grid-row-start: 1;
1593 grid-row-end: 3;
1594 }
1595
1596 .king-addons-magazine-grid-add-1-3 .king-addons-magazine-grid-item:nth-child(2) {
1597 grid-column-start: 2;
1598 grid-column-end: 4;
1599 }
1600
1601 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(1),
1602 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(2),
1603 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(1),
1604 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(2) {
1605 grid-row-start: 1;
1606 grid-row-end: 2;
1607 }
1608
1609 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(1) {
1610 grid-column-start: 1;
1611 grid-column-end: 4;
1612 }
1613
1614 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(2) {
1615 grid-column-start: 4;
1616 grid-column-end: 7;
1617 }
1618
1619 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(1) {
1620 grid-column-start: 1;
1621 grid-column-end: 5;
1622 }
1623
1624 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(2) {
1625 grid-column-start: 5;
1626 grid-column-end: 7;
1627 }
1628
1629 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(3),
1630 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(4),
1631 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(5),
1632 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(3),
1633 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(4),
1634 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(5) {
1635 grid-row-start: 2;
1636 grid-row-end: 3;
1637 }
1638
1639 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(3),
1640 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(3) {
1641 grid-column-start: 1;
1642 grid-column-end: 3;
1643 }
1644
1645 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(4),
1646 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(4) {
1647 grid-column-start: 3;
1648 grid-column-end: 5;
1649 }
1650
1651 .king-addons-magazine-grid-add-2-3 .king-addons-magazine-grid-item:nth-child(5),
1652 .king-addons-magazine-grid-add-1-1-3 .king-addons-magazine-grid-item:nth-child(5) {
1653 grid-column-start: 5;
1654 grid-column-end: 7;
1655 }
1656
1657 .king-addons-magazine-grid .king-addons-grid-item-inner,
1658 .king-addons-magazine-grid .king-addons-grid-media-wrap,
1659 .king-addons-magazine-grid .king-addons-grid-image-wrap {
1660 height: 100%;
1661 }
1662
1663 .king-addons-magazine-grid .king-addons-grid-image-wrap {
1664 background-position: center center;
1665 background-size: cover;
1666 }
1667
1668 .king-addons-magazine-grid .king-addons-grid-media-hover {
1669 z-index: 1;
1670 }
1671
1672 @media screen and (max-width: 1024px) {
1673 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-2 {
1674 grid-template-columns: 1fr 1fr !important;
1675 grid-template-rows: 1fr 1fr 1fr;
1676 }
1677
1678 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-2 article:nth-child(1) {
1679 grid-column-end: 3 !important;
1680 }
1681
1682 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-3 {
1683 grid-template-columns: 1fr 1fr !important;
1684 grid-template-rows: 1fr 1fr 1fr !important;
1685 }
1686
1687 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-3 article:nth-child(1) {
1688 grid-column-end: 3 !important;
1689 grid-row-end: 2 !important;
1690 }
1691
1692 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-3 article:nth-child(2) {
1693 grid-column-start: 1 !important;
1694 grid-column-end: 3 !important;
1695 }
1696
1697 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-4 {
1698 grid-template-columns: 1fr 1fr !important;
1699 grid-template-rows: repeat(3, 1fr);
1700 }
1701
1702 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-4 article:nth-child(1) {
1703 grid-column-start: 1;
1704 grid-column-end: 3;
1705 grid-row-end: 1 !important;
1706 }
1707
1708 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-2 {
1709 grid-template-columns: 1fr 1fr !important;
1710 grid-template-rows: 1fr 1fr 1fr !important;
1711 }
1712
1713 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-2 article:nth-child(1) {
1714 grid-column-end: 3;
1715 grid-row-start: 1;
1716 grid-row-end: 2;
1717 }
1718
1719 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-2 article:nth-child(2) {
1720 grid-column-start: 1;
1721 grid-column-end: 3;
1722 grid-row-start: 2;
1723 grid-row-end: 3;
1724 }
1725
1726 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-1-2 {
1727 grid-template-columns: 1fr 1fr !important;
1728 grid-template-rows: 1fr 1fr 1fr !important;
1729 }
1730
1731 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-1-2 article:nth-child(2) {
1732 grid-column-start: 1;
1733 grid-column-end: 3;
1734 grid-row-start: 2;
1735 }
1736
1737 .king-addons-magazine-grid.king-addons-magazine-grid-add-1vh-3h {
1738 grid-template-columns: 1fr 1fr !important;
1739 }
1740
1741 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-1 {
1742 grid-template-columns: 1fr 1fr !important;
1743 grid-template-rows: 1fr 1fr !important;
1744 }
1745
1746 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-1 article:nth-child(2) {
1747 grid-column-start: 1;
1748 grid-column-end: 3;
1749 grid-row-start: 1;
1750 }
1751
1752 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-3 {
1753 grid-template-columns: 1fr 1fr !important;
1754 grid-template-rows: repeat(3, 1fr);
1755 }
1756
1757 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-3 article:nth-child(1) {
1758 grid-column-start: 1;
1759 grid-column-end: 3;
1760 grid-row-end: 2;
1761 }
1762
1763 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-3 article:nth-child(2) {
1764 grid-row-start: 2;
1765 grid-column-start: 1;
1766 grid-column-end: 2;
1767 }
1768
1769 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-3 article:nth-child(3) {
1770 grid-row-start: 2;
1771 grid-column-start: 2;
1772 grid-column-end: 3;
1773 }
1774
1775 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-3 article:nth-child(4) {
1776 grid-row-start: 3;
1777 grid-column-start: 1;
1778 grid-column-end: 2;
1779 }
1780
1781 .king-addons-magazine-grid.king-addons-magazine-grid-add-1-1-3 article:nth-child(5) {
1782 grid-row-start: 3;
1783 grid-column-start: 2;
1784 grid-column-end: 3;
1785 }
1786
1787 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-3 {
1788 grid-template-columns: 1fr 1fr !important;
1789 grid-template-rows: repeat(6, 1fr) !important;
1790 }
1791
1792 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-3 article:nth-child(1) {
1793 grid-column-start: 1;
1794 grid-column-end: 2;
1795 grid-row-start: 1;
1796 grid-row-end: 4;
1797 }
1798
1799 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-3 article:nth-child(2) {
1800 grid-column-start: 1;
1801 grid-column-end: 2;
1802 grid-row-start: 4;
1803 grid-row-end: 7;
1804 }
1805
1806 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-3 article:nth-child(3) {
1807 grid-column-start: 2;
1808 grid-column-end: 3;
1809 grid-row-start: 1;
1810 grid-row-end: 3;
1811 }
1812
1813 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-3 article:nth-child(4) {
1814 grid-column-start: 2;
1815 grid-column-end: 3;
1816 grid-row-start: 3;
1817 grid-row-end: 5;
1818 }
1819
1820 .king-addons-magazine-grid.king-addons-magazine-grid-add-2-3 article:nth-child(5) {
1821 grid-column-start: 2;
1822 grid-column-end: 3;
1823 grid-row-start: 5;
1824 grid-row-end: 7;
1825 }
1826
1827 .king-addons-magazine-grid.king-addons-magazine-grid-add-4-h.king-addons-magazine-grid-add-rows-1 {
1828 grid-template-columns: 1fr 1fr !important;
1829 grid-template-rows: repeat(2, 1fr) !important;
1830 }
1831
1832 .king-addons-magazine-grid.king-addons-magazine-grid-add-4-h.king-addons-magazine-grid-add-rows-2 {
1833 grid-template-columns: 1fr 1fr !important;
1834 grid-template-rows: repeat(4, 1fr) !important;
1835 }
1836
1837 .king-addons-magazine-grid.king-addons-magazine-grid-add-4-h.king-addons-magazine-grid-add-rows-3 {
1838 grid-template-columns: 1fr 1fr !important;
1839 grid-template-rows: repeat(6, 1fr) !important;
1840 }
1841 }
1842
1843 @media screen and (max-width: 767px) {
1844 .king-addons-magazine-grid.king-addons-magazine-grid-add-3-h.king-addons-magazine-grid-add-rows-1 {
1845 grid-template-columns: 1fr !important;
1846 grid-template-rows: repeat(3, 1fr) !important;
1847 }
1848
1849 .king-addons-magazine-grid.king-addons-magazine-grid-add-3-h.king-addons-magazine-grid-add-rows-2 {
1850 grid-template-columns: 1fr !important;
1851 grid-template-rows: repeat(6, 1fr) !important;
1852 }
1853
1854 .king-addons-magazine-grid.king-addons-magazine-grid-add-3-h.king-addons-magazine-grid-add-rows-3 {
1855 grid-template-columns: 1fr !important;
1856 grid-template-rows: repeat(9, 1fr) !important;
1857 }
1858
1859 .king-addons-magazine-grid-one-column-yes .king-addons-magazine-grid {
1860 grid-template-columns: 1fr !important;
1861 grid-template-rows: auto !important;
1862 }
1863
1864 .king-addons-magazine-grid-one-column-yes .king-addons-magazine-grid article.king-addons-magazine-grid-item {
1865 grid-column-start: auto !important;
1866 grid-column-end: auto !important;
1867 grid-row-start: auto !important;
1868 grid-row-end: auto !important;
1869 }
1870 }