PluginProbe
King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder / 51.1.49
King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder v51.1.49
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.49, at includes/assets/libraries/grid/grid.css

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