PluginProbe
Extendify / 1.9.3
Extendify v1.9.3
3.2.0 3.1.6 3.1.5 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.6 3.0.5 3.0.4 trunk 0.1.0 0.10.0 0.10.1 0.10.2 0.11.0 0.11.1 0.2.0 0.3.0 0.3.1 0.4.0 0.5.0 0.6.0 0.7.0 All 126 releases
extendify / src / Library / utility-minimum.css

utility-minimum.css in Extendify 1.9.3, at src/Library/utility-minimum.css

1,348 lines 33.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 body {
2 --extendify--spacing--large: var(
3 --wp--custom--spacing--large,
4 clamp(2em, 8vw, 8em)
5 ) !important;
6 --wp--preset--font-size--ext-small: 1rem !important;
7 --wp--preset--font-size--ext-medium: 1.125rem !important;
8 --wp--preset--font-size--ext-large: clamp(
9 1.65rem,
10 3.5vw,
11 2.15rem
12 ) !important;
13 --wp--preset--font-size--ext-x-large: clamp(3rem, 6vw, 4.75rem) !important;
14 --wp--preset--font-size--ext-xx-large: clamp(
15 3.25rem,
16 7.5vw,
17 5.75rem
18 ) !important;
19 }
20
21 .direction-rtl {
22 direction: rtl !important;
23 }
24
25 .direction-ltr {
26 direction: ltr !important;
27 }
28
29 /* Use "is-style-" prefix to support adding this style to the core/list block */
30
31 .is-style-inline-list {
32 padding-left: 0 !important;
33 }
34
35 .is-style-inline-list li {
36 list-style-type: none !important;
37 }
38
39 @media (min-width: 782px) {
40 .is-style-inline-list li {
41 margin-right: var(--wp--style--block-gap, 1.75rem) !important;
42 display: inline !important;
43 }
44 }
45
46 @media (min-width: 782px) {
47 .is-style-inline-list li:first-child {
48 margin-left: 0 !important;
49 }
50 }
51
52 @media (min-width: 782px) {
53 .is-style-inline-list li:last-child {
54 margin-right: 0 !important;
55 }
56 }
57
58 .has-ext-small-font-size {
59 font-size: var(--wp--preset--font-size--ext-small) !important;
60 }
61
62 .has-ext-medium-font-size {
63 font-size: var(--wp--preset--font-size--ext-medium) !important;
64 }
65
66 .has-ext-large-font-size {
67 font-size: var(--wp--preset--font-size--ext-large) !important;
68 line-height: 1.2 !important;
69 }
70
71 .has-ext-x-large-font-size {
72 font-size: var(--wp--preset--font-size--ext-x-large) !important;
73 line-height: 1 !important;
74 }
75
76 .has-ext-xx-large-font-size {
77 font-size: var(--wp--preset--font-size--ext-xx-large) !important;
78 line-height: 1 !important;
79 }
80
81 .has-ext-x-large-font-size:not([style*="line-height"]) {
82 line-height: 1.1 !important;
83 }
84
85 .has-ext-xx-large-font-size:not([style*="line-height"]) {
86 line-height: 1.1 !important;
87 }
88
89 .bring-to-front {
90 position: relative !important;
91 z-index: 10 !important;
92 }
93
94 .ext * {
95 box-sizing: border-box !important;
96 }
97
98 .editor\:no-caption .block-editor-rich-text__editable {
99 display: none !important;
100 }
101
102 .editor\:no-inserter > .block-list-appender,
103 .editor\:no-inserter .wp-block-group__inner-container > .block-list-appender {
104 display: none !important;
105 }
106
107 .editor\:no-inserter .wp-block-cover__inner-container > .block-list-appender {
108 display: none !important;
109 }
110
111 .editor\:no-inserter .wp-block-column:not(.is-selected) > .block-list-appender {
112 display: none !important;
113 }
114
115 .editor\:no-resize .components-resizable-box__handle::after,
116 .editor\:no-resize .components-resizable-box__side-handle::before,
117 .editor\:no-resize .components-resizable-box__handle {
118 display: none !important;
119 pointer-events: none !important;
120 }
121
122 .editor\:no-resize .components-resizable-box__container {
123 display: block !important;
124 }
125
126 .editor\:pointer-events-none {
127 pointer-events: none !important;
128 }
129
130 .ext-absolute {
131 position: absolute !important;
132 }
133
134 .ext-aspect-square img {
135 aspect-ratio: 1 / 1 !important;
136 -o-object-fit: cover !important;
137 object-fit: cover !important;
138 }
139
140 .ext-aspect-landscape img {
141 aspect-ratio: 4 / 3 !important;
142 -o-object-fit: cover !important;
143 object-fit: cover !important;
144 }
145
146 .ext-aspect-landscape-wide img {
147 aspect-ratio: 16 / 9 !important;
148 -o-object-fit: cover !important;
149 object-fit: cover !important;
150 }
151
152 .ext-aspect-portrait img {
153 aspect-ratio: 3 / 4 !important;
154 -o-object-fit: cover !important;
155 object-fit: cover !important;
156 }
157
158 .ext-aspect-square .components-resizable-box__container,
159 .ext-aspect-landscape .components-resizable-box__container,
160 .ext-aspect-landscape-wide .components-resizable-box__container,
161 .ext-aspect-portrait .components-resizable-box__container {
162 height: auto !important;
163 }
164
165 .ext-border-b-0 {
166 border-bottom-width: 0px !important;
167 }
168
169 .ext-border-l-0 {
170 border-left-width: 0px !important;
171 }
172
173 .ext-border-r-0 {
174 border-right-width: 0px !important;
175 }
176
177 .ext-bottom-base {
178 bottom: var(--wp--style--block-gap, 1.75rem) !important;
179 }
180
181 .ext-bottom-lg {
182 bottom: var(--extendify--spacing--large, 3rem) !important;
183 }
184
185 .ext-col-end-4 {
186 grid-column-end: 4 !important;
187 }
188
189 .ext-col-end-5 {
190 grid-column-end: 5 !important;
191 }
192
193 .ext-col-end-6 {
194 grid-column-end: 6 !important;
195 }
196
197 .ext-col-end-7 {
198 grid-column-end: 7 !important;
199 }
200
201 .ext-col-end-8 {
202 grid-column-end: 8 !important;
203 }
204
205 .ext-col-end-9 {
206 grid-column-end: 9 !important;
207 }
208
209 .ext-col-end-10 {
210 grid-column-end: 10 !important;
211 }
212
213 .ext-col-end-11 {
214 grid-column-end: 11 !important;
215 }
216
217 .ext-col-end-12 {
218 grid-column-end: 12 !important;
219 }
220
221 .ext-col-end-13 {
222 grid-column-end: 13 !important;
223 }
224
225 .ext-col-span-6 {
226 grid-column: span 6 / span 6 !important;
227 }
228
229 .ext-col-start-1 {
230 grid-column-start: 1 !important;
231 }
232
233 .ext-col-start-2 {
234 grid-column-start: 2 !important;
235 }
236
237 .ext-col-start-3 {
238 grid-column-start: 3 !important;
239 }
240
241 .ext-col-start-4 {
242 grid-column-start: 4 !important;
243 }
244
245 .ext-col-start-5 {
246 grid-column-start: 5 !important;
247 }
248
249 .ext-col-start-6 {
250 grid-column-start: 6 !important;
251 }
252
253 .ext-col-start-7 {
254 grid-column-start: 7 !important;
255 }
256
257 .ext-col-start-8 {
258 grid-column-start: 8 !important;
259 }
260
261 .ext-col-start-9 {
262 grid-column-start: 9 !important;
263 }
264
265 .ext-col-start-10 {
266 grid-column-start: 10 !important;
267 }
268
269 .ext-flex {
270 display: flex !important;
271 }
272
273 .ext-flex-col {
274 flex-direction: column !important;
275 }
276
277 .ext-flex-col-reverse {
278 flex-direction: column-reverse !important;
279 }
280
281 .ext-flex-nowrap {
282 flex-wrap: nowrap !important;
283 }
284
285 .ext-gap-0 {
286 gap: 0 !important;
287 }
288
289 .ext-gap-base {
290 gap: var(--wp--style--block-gap, 1.75rem) !important;
291 }
292
293 .ext-gap-x-lg {
294 -moz-column-gap: var(--extendify--spacing--large, 3rem) !important;
295 column-gap: var(--extendify--spacing--large, 3rem) !important;
296 }
297
298 .ext-inline-block {
299 display: inline-block !important;
300 }
301
302 .ext-hidden {
303 display: none !important;
304 }
305
306 .ext-grid {
307 display: grid !important;
308 }
309
310 .ext-grid-cols-9 {
311 grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
312 }
313
314 .ext-grid-cols-10 {
315 grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
316 }
317
318 .ext-grid-cols-12 {
319 grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
320 }
321
322 .ext-grid-rows-1 {
323 grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
324 }
325
326 .ext-grid-rows-2 {
327 grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
328 }
329
330 /* Classic themes use an inner [class*="_inner-container"] that our utilities cannot directly target, so we need to do so with a few */
331 .ext .ext-grid > [class*="_inner-container"] {
332 display: grid !important;
333 }
334
335 /* Unhinge grid for container blocks in classic themes, and < 5.9 */
336 .ext > [class*="_inner-container"] > .ext-grid:not([class*="columns"]),
337 .ext
338 > [class*="_inner-container"]
339 > .wp-block
340 > .ext-grid:not([class*="columns"]) {
341 display: initial !important;
342 }
343
344 /* Grid Columns */
345 .ext .ext-grid-cols-1 > [class*="_inner-container"] {
346 grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
347 }
348
349 .ext .ext-grid-cols-2 > [class*="_inner-container"] {
350 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
351 }
352
353 .ext .ext-grid-cols-3 > [class*="_inner-container"] {
354 grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
355 }
356
357 .ext .ext-grid-cols-4 > [class*="_inner-container"] {
358 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
359 }
360
361 .ext .ext-grid-cols-5 > [class*="_inner-container"] {
362 grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
363 }
364
365 .ext .ext-grid-cols-6 > [class*="_inner-container"] {
366 grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
367 }
368
369 .ext .ext-grid-cols-7 > [class*="_inner-container"] {
370 grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
371 }
372
373 .ext .ext-grid-cols-8 > [class*="_inner-container"] {
374 grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
375 }
376
377 .ext .ext-grid-cols-9 > [class*="_inner-container"] {
378 grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
379 }
380
381 .ext .ext-grid-cols-10 > [class*="_inner-container"] {
382 grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
383 }
384
385 .ext .ext-grid-cols-11 > [class*="_inner-container"] {
386 grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
387 }
388
389 .ext .ext-grid-cols-12 > [class*="_inner-container"] {
390 grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
391 }
392
393 .ext .ext-grid-cols-13 > [class*="_inner-container"] {
394 grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
395 }
396
397 .ext .ext-grid-cols-none > [class*="_inner-container"] {
398 grid-template-columns: none !important;
399 }
400
401 /* Grid Rows */
402 .ext .ext-grid-rows-1 > [class*="_inner-container"] {
403 grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
404 }
405
406 .ext .ext-grid-rows-2 > [class*="_inner-container"] {
407 grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
408 }
409
410 .ext .ext-grid-rows-3 > [class*="_inner-container"] {
411 grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
412 }
413
414 .ext .ext-grid-rows-4 > [class*="_inner-container"] {
415 grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
416 }
417
418 .ext .ext-grid-rows-5 > [class*="_inner-container"] {
419 grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
420 }
421
422 .ext .ext-grid-rows-6 > [class*="_inner-container"] {
423 grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
424 }
425
426 .ext .ext-grid-rows-none > [class*="_inner-container"] {
427 grid-template-rows: none !important;
428 }
429
430 .ext-items-center {
431 align-items: center !important;
432 }
433
434 .ext-items-end {
435 align-items: flex-end !important;
436 }
437
438 .ext-justify-end {
439 justify-content: flex-end !important;
440 }
441
442 /* Align */
443 .ext .ext-items-start > [class*="_inner-container"] {
444 align-items: flex-start !important;
445 }
446
447 .ext .ext-items-end > [class*="_inner-container"] {
448 align-items: flex-end !important;
449 }
450
451 .ext .ext-items-center > [class*="_inner-container"] {
452 align-items: center !important;
453 }
454
455 .ext .ext-items-baseline > [class*="_inner-container"] {
456 align-items: baseline !important;
457 }
458
459 .ext .ext-items-stretch > [class*="_inner-container"] {
460 align-items: stretch !important;
461 }
462
463 /* For <5.9 */
464 .ext .wp-block-group__inner-container {
465 padding: 0 !important;
466 }
467
468 .ext.has-background {
469 padding-left: var(--wp--style--block-gap, 1.75rem) !important;
470 padding-right: var(--wp--style--block-gap, 1.75rem) !important;
471 }
472
473 /* Fallback for classic theme group blocks */
474 .ext *[class*="inner-container"] > .alignwide *[class*="inner-container"],
475 .ext
476 *[class*="inner-container"]
477 > [data-align="wide"]
478 *[class*="inner-container"] {
479 max-width: var(--responsive--alignwide-width, 120rem) !important;
480 }
481
482 .ext *[class*="inner-container"] > .alignwide *[class*="inner-container"] > *,
483 .ext
484 *[class*="inner-container"]
485 > [data-align="wide"]
486 *[class*="inner-container"]
487 > * {
488 max-width: 100% !important;
489 }
490
491 .ext-left-lg {
492 left: var(--extendify--spacing--large, 3rem) !important;
493 }
494
495 .ext--left-base {
496 left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
497 }
498
499 .ext--left-lg {
500 left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
501 }
502
503 .ext-list-none {
504 list-style-type: none !important;
505 }
506
507 .ext-m-0:not([style*="margin"]) {
508 margin: 0 !important;
509 }
510
511 .ext-m-base:not([style*="margin"]) {
512 margin: var(--wp--style--block-gap, 1.75rem) !important;
513 }
514
515 .ext-mb-0:not([style*="margin"]) {
516 margin-bottom: 0 !important;
517 }
518
519 .ext-mb-base:not([style*="margin"]) {
520 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
521 }
522
523 .ext-mb-lg:not([style*="margin"]) {
524 margin-bottom: var(--extendify--spacing--large, 3rem) !important;
525 }
526
527 .ext-ml-0:not([style*="margin"]) {
528 margin-left: 0 !important;
529 }
530
531 .ext-ml-base:not([style*="margin"]) {
532 margin-left: var(--wp--style--block-gap, 1.75rem) !important;
533 }
534
535 .ext--ml-base:not([style*="margin"]) {
536 margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
537 }
538
539 .ext--ml-lg:not([style*="margin"]) {
540 margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
541 }
542
543 .ext-mr-0:not([style*="margin"]) {
544 margin-right: 0 !important;
545 }
546
547 /* Removes excess margin when applied to the alignfull parent div in Block Themes */
548 .ext-mr-0.alignfull:not([style*="margin"]):not([style*="margin"]) {
549 margin-right: 0 !important;
550 }
551
552 .ext-ml-0:not([style*="margin"]):not([style*="margin"]) {
553 margin-left: 0 !important;
554 }
555
556 .ext-mr-base:not([style*="margin"]) {
557 margin-right: var(--wp--style--block-gap, 1.75rem) !important;
558 }
559
560 .ext-mr-lg:not([style*="margin"]) {
561 margin-right: var(--extendify--spacing--large, 3rem) !important;
562 }
563
564 .ext-mt-0:not([style*="margin"]) {
565 margin-top: 0 !important;
566 }
567
568 .ext-mt-base:not([style*="margin"]) {
569 margin-top: var(--wp--style--block-gap, 1.75rem) !important;
570 }
571
572 .ext-mt-lg:not([style*="margin"]) {
573 margin-top: var(--extendify--spacing--large, 3rem) !important;
574 }
575
576 .ext-mx-0:not([style*="margin"]) {
577 margin-left: 0 !important;
578 margin-right: 0 !important;
579 }
580
581 /* Ensures fullwidth blocks display properly in the editor when margin is zeroed out */
582 .is-root-container
583 .wp-block[data-align="full"]
584 > .ext-mx-0:not([style*="margin"]):not([style*="margin"]) {
585 margin-right: calc(1 * var(--wp--custom--spacing--outer, 0)) !important;
586 margin-left: calc(1 * var(--wp--custom--spacing--outer, 0)) !important;
587 overflow: hidden !important;
588 width: unset !important;
589 }
590
591 .ext-mx-auto:not([style*="margin"]) {
592 margin-left: auto !important;
593 margin-right: auto !important;
594 }
595
596 .ext-mx-lg:not([style*="margin"]) {
597 margin-left: var(--extendify--spacing--large, 3rem) !important;
598 margin-right: var(--extendify--spacing--large, 3rem) !important;
599 }
600
601 .ext-my-0:not([style*="margin"]) {
602 margin-top: 0 !important;
603 margin-bottom: 0 !important;
604 }
605
606 .is-root-container.block-editor-block-list__layout
607 > [data-align="full"]:not(:first-of-type)
608 > .ext-my-0,
609 .is-root-container.block-editor-block-list__layout
610 > [data-align="wide"]
611 > .ext-my-0:not([style*="margin"]) {
612 margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important;
613 }
614
615 .ext-my-base:not([style*="margin"]) {
616 margin-top: var(--wp--style--block-gap, 1.75rem) !important;
617 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
618 }
619
620 .ext-my-lg:not([style*="margin"]) {
621 margin-top: var(--extendify--spacing--large, 3rem) !important;
622 margin-bottom: var(--extendify--spacing--large, 3rem) !important;
623 }
624
625 .ext-order-1 {
626 order: 1 !important;
627 }
628
629 .ext-order-2 {
630 order: 2 !important;
631 }
632
633 .ext-p-0:not([style*="padding"]) {
634 padding: 0 !important;
635 }
636
637 .ext-p-base:not([style*="padding"]) {
638 padding: var(--wp--style--block-gap, 1.75rem) !important;
639 }
640
641 .ext-p-lg:not([style*="padding"]) {
642 padding: var(--extendify--spacing--large, 3rem) !important;
643 }
644
645 .ext-pb-0:not([style*="padding"]) {
646 padding-bottom: 0 !important;
647 }
648
649 .ext-pb-base:not([style*="padding"]) {
650 padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
651 }
652
653 .ext-pb-lg:not([style*="padding"]) {
654 padding-bottom: var(--extendify--spacing--large, 3rem) !important;
655 }
656
657 .ext-pl-0:not([style*="padding"]) {
658 padding-left: 0 !important;
659 }
660
661 .ext-pl-base:not([style*="padding"]) {
662 padding-left: var(--wp--style--block-gap, 1.75rem) !important;
663 }
664
665 .ext-pr-0:not([style*="padding"]) {
666 padding-right: 0 !important;
667 }
668
669 .ext-pr-lg:not([style*="padding"]) {
670 padding-right: var(--extendify--spacing--large, 3rem) !important;
671 }
672
673 .ext-pt-0:not([style*="padding"]) {
674 padding-top: 0 !important;
675 }
676
677 .ext-pt-base:not([style*="padding"]) {
678 padding-top: var(--wp--style--block-gap, 1.75rem) !important;
679 }
680
681 .ext-pt-lg:not([style*="padding"]) {
682 padding-top: var(--extendify--spacing--large, 3rem) !important;
683 }
684
685 .ext-px-0:not([style*="padding"]) {
686 padding-left: 0 !important;
687 padding-right: 0 !important;
688 }
689
690 .ext-px-base:not([style*="padding"]) {
691 padding-left: var(--wp--style--block-gap, 1.75rem) !important;
692 padding-right: var(--wp--style--block-gap, 1.75rem) !important;
693 }
694
695 .ext-px-lg:not([style*="padding"]) {
696 padding-left: var(--extendify--spacing--large, 3rem) !important;
697 padding-right: var(--extendify--spacing--large, 3rem) !important;
698 }
699
700 .ext-py-0:not([style*="padding"]) {
701 padding-top: 0 !important;
702 padding-bottom: 0 !important;
703 }
704
705 .ext-py-lg:not([style*="padding"]) {
706 padding-top: var(--extendify--spacing--large, 3rem) !important;
707 padding-bottom: var(--extendify--spacing--large, 3rem) !important;
708 }
709
710 .ext-relative {
711 position: relative !important;
712 }
713
714 .ext-right-lg {
715 right: var(--extendify--spacing--large, 3rem) !important;
716 }
717
718 .ext-row-end-1 {
719 grid-row-end: 1 !important;
720 }
721
722 .ext-row-end-2 {
723 grid-row-end: 2 !important;
724 }
725
726 .ext-row-end-3 {
727 grid-row-end: 3 !important;
728 }
729
730 .ext-row-end-4 {
731 grid-row-end: 4 !important;
732 }
733
734 .ext-row-end-5 {
735 grid-row-end: 5 !important;
736 }
737
738 .ext-row-end-6 {
739 grid-row-end: 6 !important;
740 }
741
742 .ext-row-end-7 {
743 grid-row-end: 7 !important;
744 }
745
746 .ext-row-start-1 {
747 grid-row-start: 1 !important;
748 }
749
750 .ext-row-start-2 {
751 grid-row-start: 2 !important;
752 }
753
754 .ext-row-start-3 {
755 grid-row-start: 3 !important;
756 }
757
758 .ext-row-start-4 {
759 grid-row-start: 4 !important;
760 }
761
762 .ext-top-base {
763 top: var(--wp--style--block-gap, 1.75rem) !important;
764 }
765
766 .ext-top-lg {
767 top: var(--extendify--spacing--large, 3rem) !important;
768 }
769
770 .ext--bottom-base {
771 bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
772 }
773
774 .ext--mb-lg:not([style*="margin"]) {
775 margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
776 }
777
778 .ext--ml-lg:not([style*="margin"]) {
779 margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
780 }
781
782 .ext--mr-base:not([style*="margin"]) {
783 margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
784 }
785
786 .ext--mr-lg:not([style*="margin"]) {
787 margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
788 }
789
790 .ext--mt-base:not([style*="margin"]) {
791 margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
792 }
793
794 .ext--mt-lg:not([style*="margin"]) {
795 margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
796 }
797
798 .ext--right-base {
799 right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
800 }
801
802 .ext--right-lg {
803 right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
804 }
805
806 .ext--top-lg {
807 top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
808 }
809
810 .ext-leading-none {
811 line-height: 1 !important;
812 }
813
814 .has-background-color {
815 color: var(--wp--preset--color--background, #fff) !important;
816 }
817
818 .has-background-background-color {
819 background-color: var(--wp--preset--color--background, #fff) !important;
820 }
821
822 .has-foreground-background-color {
823 background-color: var(--wp--preset--color--foreground, #000) !important;
824 }
825
826 .has-primary-color {
827 color: var(--wp--preset--color--primary, #4b5563) !important;
828 }
829
830 .has-primary-background-color {
831 background-color: var(--wp--preset--color--primary, #4b5563) !important;
832 }
833
834 .has-secondary-color {
835 color: var(--wp--preset--color--secondary, #9ca3af) !important;
836 }
837
838 .has-secondary-background-color {
839 background-color: var(--wp--preset--color--secondary, #9ca3af) !important;
840 }
841
842 .has-white-color {
843 color: var(--wp--preset--color--white, #fff) !important;
844 }
845
846 /* Fix button borders with specified background colors */
847 .wp-block-button__link.has-black-background-color {
848 border-color: var(--wp--preset--color--black, #000) !important;
849 }
850
851 .wp-block-button__link.has-white-background-color {
852 border-color: var(--wp--preset--color--white, #fff) !important;
853 }
854
855 /* Ensure themes that target specific elements use the right colors */
856 .ext.has-text-color p,
857 .ext.has-text-color h1,
858 .ext.has-text-color h2,
859 .ext.has-text-color h3,
860 .ext.has-text-color h4,
861 .ext.has-text-color h5,
862 .ext.has-text-color h6 {
863 color: currentColor !important;
864 }
865
866 [class*="fullwidth-cols"] .wp-block-column:first-child,
867 [class*="fullwidth-cols"] .wp-block-group:first-child {
868 margin-top: 0 !important;
869 }
870
871 [class*="fullwidth-cols"] .wp-block-column:last-child,
872 [class*="fullwidth-cols"] .wp-block-group:last-child {
873 margin-bottom: 0 !important;
874 }
875
876 [class*="fullwidth-cols"] .wp-block-column:first-child > * {
877 margin-top: 0 !important;
878 }
879
880 [class*="fullwidth-cols"] .wp-block-column > *:first-child {
881 margin-top: 0 !important;
882 }
883
884 [class*="fullwidth-cols"] .wp-block-column > *:last-child {
885 margin-bottom: 0 !important;
886 }
887
888 .ext .is-not-stacked-on-mobile .wp-block-column {
889 margin-bottom: 0 !important;
890 }
891
892 .wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
893 > .wp-block-column:not(:last-child) {
894 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
895 }
896
897 @media (min-width: 782px) {
898 .wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
899 > .wp-block-column:not(:last-child) {
900 margin-bottom: 0 !important;
901 }
902 }
903
904 /* Remove margin bottom from "not-stacked" columns */
905 .wp-block-columns[class*="fullwidth-cols"].is-not-stacked-on-mobile
906 > .wp-block-column {
907 margin-bottom: 0 !important;
908 }
909
910 @media (min-width: 600px) and (max-width: 781px) {
911 .wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
912 > .wp-block-column:nth-child(even) {
913 margin-left: var(--wp--style--block-gap, 2em) !important;
914 }
915 }
916
917 /*
918 The `tablet:fullwidth-cols` and `desktop:fullwidth-cols` utilities are used
919 to counter the core/columns responsive for at our breakpoints.
920 */
921
922 @media (max-width: 781px) {
923 .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) {
924 flex-wrap: wrap !important;
925 }
926
927 .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
928 > .wp-block-column {
929 margin-left: 0 !important;
930 }
931
932 .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
933 > .wp-block-column:not([style*="margin"]) {
934 margin-left: 0 !important;
935 }
936
937 .tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
938 > .wp-block-column {
939 flex-basis: 100% !important; /* Required to negate core/columns flex-basis */
940 }
941 }
942
943 @media (max-width: 1079px) {
944 .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) {
945 flex-wrap: wrap !important;
946 }
947
948 .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
949 > .wp-block-column {
950 margin-left: 0 !important;
951 }
952
953 .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
954 > .wp-block-column:not([style*="margin"]) {
955 margin-left: 0 !important;
956 }
957
958 .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
959 > .wp-block-column {
960 flex-basis: 100% !important; /* Required to negate core/columns flex-basis */
961 }
962
963 .desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
964 > .wp-block-column:not(:last-child) {
965 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
966 }
967 }
968
969 /* Ensure vh content in previews looks taller */
970 .block-editor-block-preview__content-iframe .preview\:min-h-50 {
971 min-height: 50vw !important;
972 }
973
974 .block-editor-block-preview__content-iframe .preview\:min-h-60 {
975 min-height: 60vw !important;
976 }
977
978 .block-editor-block-preview__content-iframe .preview\:min-h-70 {
979 min-height: 70vw !important;
980 }
981
982 .block-editor-block-preview__content-iframe .preview\:min-h-80 {
983 min-height: 80vw !important;
984 }
985
986 .block-editor-block-preview__content-iframe .preview\:min-h-100 {
987 min-height: 100vw !important;
988 }
989
990 .ext .wp-block-image {
991 position: relative !important;
992 text-align: center !important;
993 }
994
995 .ext .wp-block-image img {
996 display: inline-block !important;
997 vertical-align: middle !important;
998 }
999
1000 .wp-block-columns[class*="fullwidth-cols"] {
1001 margin-bottom: unset !important;
1002 }
1003
1004 .wp-block-column.editor\:pointer-events-none {
1005 margin-top: 0 !important;
1006 margin-bottom: 0 !important;
1007 }
1008
1009 .is-root-container.block-editor-block-list__layout
1010 > [data-align="full"]:not(:first-of-type)
1011 > .wp-block-column.editor\:pointer-events-none,
1012 .is-root-container.block-editor-block-list__layout
1013 > [data-align="wide"]
1014 > .wp-block-column.editor\:pointer-events-none {
1015 margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important;
1016 }
1017
1018 /* Some popular themes use padding instead of core margin for columns; remove it */
1019 .ext .wp-block-columns .wp-block-column[style*="padding"] {
1020 padding-left: 0 !important;
1021 padding-right: 0 !important;
1022 }
1023
1024 /* Some popular themes add double spacing between columns; remove it */
1025 .ext
1026 .wp-block-columns
1027 + .wp-block-columns:not([class*="mt-"]):not([class*="my-"]):not(
1028 [style*="margin"]
1029 ) {
1030 margin-top: 0 !important;
1031 }
1032
1033 .is-style-angled {
1034 align-items: center !important;
1035 justify-content: flex-end !important;
1036 }
1037
1038 .ext .is-style-angled > [class*="_inner-container"] {
1039 align-items: center !important;
1040 }
1041
1042 .is-style-angled .wp-block-cover__image-background,
1043 .is-style-angled .wp-block-cover__video-background {
1044 -webkit-clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important;
1045 clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important;
1046 z-index: 1 !important;
1047 }
1048
1049 @media (min-width: 782px) {
1050 .is-style-angled .wp-block-cover__image-background,
1051 .is-style-angled .wp-block-cover__video-background {
1052 -webkit-clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important;
1053 clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important;
1054 }
1055 }
1056
1057 .ext .wp-block-group > * {
1058 margin-top: 0 !important;
1059 margin-bottom: 0 !important;
1060 }
1061
1062 .ext .wp-block-group > * + * {
1063 margin-top: var(--wp--style--block-gap, 1.75rem) !important;
1064 margin-bottom: 0 !important;
1065 }
1066
1067 .ext.wp-block-group > *:last-child {
1068 margin-bottom: 0 !important;
1069 }
1070
1071 .ext h2 {
1072 margin-top: var(--wp--style--block-gap, 1.75rem) !important;
1073 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
1074 }
1075
1076 .ext .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
1077 width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75) !important;
1078 min-width: 12rem !important;
1079 }
1080
1081 .ext-rounded-tl-none {
1082 border-top-left-radius: 0px !important;
1083 }
1084
1085 /* Ensure no funky business is assigned to alignwide */
1086 .ext .alignwide {
1087 margin-left: auto !important;
1088 margin-right: auto !important;
1089 }
1090
1091 @media (min-width: 1080px) {
1092 .desktop\:ext-flex-row {
1093 flex-direction: row !important;
1094 }
1095 .desktop\:ext-flex-grow-0 {
1096 flex-grow: 0 !important;
1097 }
1098
1099 .desktop\:ext-flex-nowrap {
1100 flex-wrap: nowrap !important;
1101 }
1102
1103 .desktop\:ext-justify-end {
1104 justify-content: flex-end !important;
1105 }
1106
1107 .desktop\:ext-mb-0:not([style*="margin"]) {
1108 margin-bottom: 0 !important;
1109 }
1110
1111 .desktop\:ext-mb-base:not([style*="margin"]) {
1112 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
1113 }
1114
1115 .desktop\:ext-ml-lg:not([style*="margin"]) {
1116 margin-left: var(--extendify--spacing--large, 3rem) !important;
1117 }
1118
1119 .desktop\:ext-mr-lg:not([style*="margin"]) {
1120 margin-right: var(--extendify--spacing--large, 3rem) !important;
1121 }
1122
1123 .desktop\:ext-mt-0:not([style*="margin"]) {
1124 margin-top: 0 !important;
1125 }
1126
1127 .desktop\:ext-mt-lg:not([style*="margin"]) {
1128 margin-top: var(--extendify--spacing--large, 3rem) !important;
1129 }
1130
1131 .desktop\:ext-p-base:not([style*="padding"]) {
1132 padding: var(--wp--style--block-gap, 1.75rem) !important;
1133 }
1134
1135 .desktop\:ext-p-lg:not([style*="padding"]) {
1136 padding: var(--extendify--spacing--large, 3rem) !important;
1137 }
1138
1139 .desktop\:ext-pl-lg:not([style*="padding"]) {
1140 padding-left: var(--extendify--spacing--large, 3rem) !important;
1141 }
1142
1143 .desktop\:ext-pr-lg:not([style*="padding"]) {
1144 padding-right: var(--extendify--spacing--large, 3rem) !important;
1145 }
1146
1147 .desktop\:ext-px-base:not([style*="padding"]) {
1148 padding-left: var(--wp--style--block-gap, 1.75rem) !important;
1149 padding-right: var(--wp--style--block-gap, 1.75rem) !important;
1150 }
1151
1152 .desktop\:ext-px-0:not([style*="padding"]) {
1153 padding-left: 0 !important;
1154 padding-right: 0 !important;
1155 }
1156 }
1157
1158 @media (min-width: 782px) {
1159 .tablet\:ext-relative {
1160 position: relative !important;
1161 }
1162
1163 .tablet\:ext-grid {
1164 display: grid !important;
1165 }
1166
1167 .tablet\:ext-top-lg {
1168 top: var(--extendify--spacing--large, 3rem) !important;
1169 }
1170
1171 .tablet\:ext-right-base {
1172 right: var(--wp--style--block-gap, 1.75rem) !important;
1173 }
1174
1175 .tablet\:ext--right-lg {
1176 right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
1177 }
1178
1179 .tablet\:ext-bottom-lg {
1180 bottom: var(--extendify--spacing--large, 3rem) !important;
1181 }
1182
1183 .tablet\:ext-left-lg {
1184 left: var(--extendify--spacing--large, 3rem) !important;
1185 }
1186
1187 .tablet\:ext--left-lg {
1188 left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
1189 }
1190
1191 .tablet\:ext-order-1 {
1192 order: 1 !important;
1193 }
1194
1195 .tablet\:ext-order-2 {
1196 order: 2 !important;
1197 }
1198
1199 .tablet\:ext-mx-base:not([style*="margin"]) {
1200 margin-left: var(--wp--style--block-gap, 1.75rem) !important;
1201 margin-right: var(--wp--style--block-gap, 1.75rem) !important;
1202 }
1203
1204 .tablet\:ext-mx-lg:not([style*="margin"]) {
1205 margin-left: var(--extendify--spacing--large, 3rem) !important;
1206 margin-right: var(--extendify--spacing--large, 3rem) !important;
1207 }
1208
1209 .tablet\:ext-my-base:not([style*="margin"]) {
1210 margin-top: var(--wp--style--block-gap, 1.75rem) !important;
1211 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
1212 }
1213
1214 .tablet\:ext-mt-0:not([style*="margin"]) {
1215 margin-top: 0 !important;
1216 }
1217
1218 .tablet\:ext-mt-base:not([style*="margin"]) {
1219 margin-top: var(--wp--style--block-gap, 1.75rem) !important;
1220 }
1221
1222 .tablet\:ext-mt-lg:not([style*="margin"]) {
1223 margin-top: var(--extendify--spacing--large, 3rem) !important;
1224 }
1225
1226 .tablet\:ext--mt-base:not([style*="margin"]) {
1227 margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
1228 }
1229
1230 .tablet\:ext--mr-lg:not([style*="margin"]) {
1231 margin-right: calc(
1232 var(--extendify--spacing--large, 3rem) * -1
1233 ) !important;
1234 }
1235
1236 .tablet\:ext-mr-base:not([style*="margin"]) {
1237 margin-right: var(--wp--style--block-gap, 1.75rem) !important;
1238 }
1239
1240 .tablet\:ext-mr-lg:not([style*="margin"]) {
1241 margin-right: var(--extendify--spacing--large, 3rem) !important;
1242 }
1243
1244 .tablet\:ext-mb-0:not([style*="margin"]) {
1245 margin-bottom: 0 !important;
1246 }
1247
1248 .tablet\:ext-mb-base:not([style*="margin"]) {
1249 margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
1250 }
1251
1252 .tablet\:ext--mb-base:not([style*="margin"]) {
1253 margin-bottom: calc(
1254 var(--wp--style--block-gap, 1.75rem) * -1
1255 ) !important;
1256 }
1257
1258 .tablet\:ext--mb-lg:not([style*="margin"]) {
1259 margin-bottom: calc(
1260 var(--extendify--spacing--large, 3rem) * -1
1261 ) !important;
1262 }
1263
1264 .tablet\:ext-ml-lg:not([style*="margin"]) {
1265 margin-left: var(--extendify--spacing--large, 3rem) !important;
1266 }
1267
1268 .tablet\:ext-ml-base:not([style*="margin"]) {
1269 margin-left: var(--wp--style--block-gap, 1.75rem) !important;
1270 }
1271
1272 .tablet\:ext--ml-base:not([style*="margin"]) {
1273 margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
1274 }
1275
1276 .tablet\:ext-my-0:not([style*="margin"]) {
1277 margin-top: 0 !important;
1278 margin-bottom: 0 !important;
1279 }
1280
1281 .tablet\:ext-w-full {
1282 width: 100% !important;
1283 }
1284
1285 .tablet\:ext-flex-grow {
1286 flex-grow: 1 !important;
1287 }
1288
1289 .tablet\:ext-flex-row {
1290 flex-direction: row !important;
1291 }
1292
1293 .tablet\:ext-flex-wrap {
1294 flex-wrap: wrap !important;
1295 }
1296
1297 .tablet\:ext-p-lg:not([style*="padding"]) {
1298 padding: var(--extendify--spacing--large, 3rem) !important;
1299 }
1300
1301 .tablet\:ext-px-base:not([style*="padding"]) {
1302 padding-left: var(--wp--style--block-gap, 1.75rem) !important;
1303 padding-right: var(--wp--style--block-gap, 1.75rem) !important;
1304 }
1305
1306 .tablet\:ext-px-lg:not([style*="padding"]) {
1307 padding-left: var(--extendify--spacing--large, 3rem) !important;
1308 padding-right: var(--extendify--spacing--large, 3rem) !important;
1309 }
1310
1311 .tablet\:ext-py-base:not([style*="padding"]) {
1312 padding-top: var(--wp--style--block-gap, 1.75rem) !important;
1313 padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
1314 }
1315
1316 .tablet\:ext-pt-0:not([style*="padding"]) {
1317 padding-top: 0 !important;
1318 }
1319
1320 .tablet\:ext-pt-base:not([style*="padding"]) {
1321 padding-top: var(--wp--style--block-gap, 1.75rem) !important;
1322 }
1323
1324 .tablet\:ext-pt-lg:not([style*="padding"]) {
1325 padding-top: var(--extendify--spacing--large, 3rem) !important;
1326 }
1327
1328 .tablet\:ext-pb-lg:not([style*="padding"]) {
1329 padding-bottom: var(--extendify--spacing--large, 3rem) !important;
1330 }
1331
1332 .tablet\:ext-pr-base:not([style*="padding"]) {
1333 padding-right: var(--wp--style--block-gap, 1.75rem) !important;
1334 }
1335
1336 .tablet\:ext-pr-lg:not([style*="padding"]) {
1337 padding-right: var(--extendify--spacing--large, 3rem) !important;
1338 }
1339
1340 .tablet\:ext-pl-base:not([style*="padding"]) {
1341 padding-left: var(--wp--style--block-gap, 1.75rem) !important;
1342 }
1343
1344 .tablet\:ext-block {
1345 display: block !important;
1346 }
1347 }
1348