/home/smartbloks/.trash/extendify/public/build/utility-minimum.css
body {
--extendify--spacing--large: var(
--wp--custom--spacing--large,
clamp(2em, 8vw, 8em)
) !important;
--wp--preset--font-size--ext-small: 1rem !important;
--wp--preset--font-size--ext-medium: 1.125rem !important;
--wp--preset--font-size--ext-large: clamp(
1.65rem,
3.5vw,
2.15rem
) !important;
--wp--preset--font-size--ext-x-large: clamp(3rem, 6vw, 4.75rem) !important;
--wp--preset--font-size--ext-xx-large: clamp(
3.25rem,
7.5vw,
5.75rem
) !important;
}
.direction-rtl {
direction: rtl !important;
}
.direction-ltr {
direction: ltr !important;
}
/* Use "is-style-" prefix to support adding this style to the core/list block */
.is-style-inline-list {
padding-left: 0 !important;
}
.is-style-inline-list li {
list-style-type: none !important;
}
@media (min-width: 782px) {
.is-style-inline-list li {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
display: inline !important;
}
}
@media (min-width: 782px) {
.is-style-inline-list li:first-child {
margin-left: 0 !important;
}
}
@media (min-width: 782px) {
.is-style-inline-list li:last-child {
margin-right: 0 !important;
}
}
.has-ext-small-font-size {
font-size: var(--wp--preset--font-size--ext-small) !important;
}
.has-ext-medium-font-size {
font-size: var(--wp--preset--font-size--ext-medium) !important;
}
.has-ext-large-font-size {
font-size: var(--wp--preset--font-size--ext-large) !important;
line-height: 1.2 !important;
}
.has-ext-x-large-font-size {
font-size: var(--wp--preset--font-size--ext-x-large) !important;
line-height: 1 !important;
}
.has-ext-xx-large-font-size {
font-size: var(--wp--preset--font-size--ext-xx-large) !important;
line-height: 1 !important;
}
.has-ext-x-large-font-size:not([style*="line-height"]) {
line-height: 1.1 !important;
}
.has-ext-xx-large-font-size:not([style*="line-height"]) {
line-height: 1.1 !important;
}
.bring-to-front {
position: relative !important;
z-index: 10 !important;
}
.ext * {
box-sizing: border-box !important;
}
.editor\:no-caption .block-editor-rich-text__editable {
display: none !important;
}
.editor\:no-inserter > .block-list-appender,
.editor\:no-inserter .wp-block-group__inner-container > .block-list-appender {
display: none !important;
}
.editor\:no-inserter .wp-block-cover__inner-container > .block-list-appender {
display: none !important;
}
.editor\:no-inserter .wp-block-column:not(.is-selected) > .block-list-appender {
display: none !important;
}
.editor\:no-resize .components-resizable-box__handle::after,
.editor\:no-resize .components-resizable-box__side-handle::before,
.editor\:no-resize .components-resizable-box__handle {
display: none !important;
pointer-events: none !important;
}
.editor\:no-resize .components-resizable-box__container {
display: block !important;
}
.editor\:pointer-events-none {
pointer-events: none !important;
}
.ext-absolute {
position: absolute !important;
}
.ext-aspect-square img {
aspect-ratio: 1 / 1 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-landscape img {
aspect-ratio: 4 / 3 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-landscape-wide img {
aspect-ratio: 16 / 9 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-portrait img {
aspect-ratio: 3 / 4 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-square .components-resizable-box__container,
.ext-aspect-landscape .components-resizable-box__container,
.ext-aspect-landscape-wide .components-resizable-box__container,
.ext-aspect-portrait .components-resizable-box__container {
height: auto !important;
}
.ext-border-b-0 {
border-bottom-width: 0px !important;
}
.ext-border-l-0 {
border-left-width: 0px !important;
}
.ext-border-r-0 {
border-right-width: 0px !important;
}
.ext-bottom-base {
bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-bottom-lg {
bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-col-end-4 {
grid-column-end: 4 !important;
}
.ext-col-end-5 {
grid-column-end: 5 !important;
}
.ext-col-end-6 {
grid-column-end: 6 !important;
}
.ext-col-end-7 {
grid-column-end: 7 !important;
}
.ext-col-end-8 {
grid-column-end: 8 !important;
}
.ext-col-end-9 {
grid-column-end: 9 !important;
}
.ext-col-end-10 {
grid-column-end: 10 !important;
}
.ext-col-end-11 {
grid-column-end: 11 !important;
}
.ext-col-end-12 {
grid-column-end: 12 !important;
}
.ext-col-end-13 {
grid-column-end: 13 !important;
}
.ext-col-span-6 {
grid-column: span 6 / span 6 !important;
}
.ext-col-start-1 {
grid-column-start: 1 !important;
}
.ext-col-start-2 {
grid-column-start: 2 !important;
}
.ext-col-start-3 {
grid-column-start: 3 !important;
}
.ext-col-start-4 {
grid-column-start: 4 !important;
}
.ext-col-start-5 {
grid-column-start: 5 !important;
}
.ext-col-start-6 {
grid-column-start: 6 !important;
}
.ext-col-start-7 {
grid-column-start: 7 !important;
}
.ext-col-start-8 {
grid-column-start: 8 !important;
}
.ext-col-start-9 {
grid-column-start: 9 !important;
}
.ext-col-start-10 {
grid-column-start: 10 !important;
}
.ext-flex {
display: flex !important;
}
.ext-flex-col {
flex-direction: column !important;
}
.ext-flex-col-reverse {
flex-direction: column-reverse !important;
}
.ext-flex-nowrap {
flex-wrap: nowrap !important;
}
.ext-gap-0 {
gap: 0 !important;
}
.ext-gap-base {
gap: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-gap-x-lg {
-moz-column-gap: var(--extendify--spacing--large, 3rem) !important;
column-gap: var(--extendify--spacing--large, 3rem) !important;
}
.ext-inline-block {
display: inline-block !important;
}
.ext-hidden {
display: none !important;
}
.ext-grid {
display: grid !important;
}
.ext-grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.ext-grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.ext-grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.ext-grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.ext-grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
/* Classic themes use an inner [class*="_inner-container"] that our utilities cannot directly target, so we need to do so with a few */
.ext .ext-grid > [class*="_inner-container"] {
display: grid !important;
}
/* Unhinge grid for container blocks in classic themes, and < 5.9 */
.ext > [class*="_inner-container"] > .ext-grid:not([class*="columns"]),
.ext
> [class*="_inner-container"]
> .wp-block
> .ext-grid:not([class*="columns"]) {
display: initial !important;
}
/* Grid Columns */
.ext .ext-grid-cols-1 > [class*="_inner-container"] {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-2 > [class*="_inner-container"] {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-3 > [class*="_inner-container"] {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-4 > [class*="_inner-container"] {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-5 > [class*="_inner-container"] {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-6 > [class*="_inner-container"] {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-7 > [class*="_inner-container"] {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-8 > [class*="_inner-container"] {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-9 > [class*="_inner-container"] {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-10 > [class*="_inner-container"] {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-11 > [class*="_inner-container"] {
grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-12 > [class*="_inner-container"] {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-13 > [class*="_inner-container"] {
grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-none > [class*="_inner-container"] {
grid-template-columns: none !important;
}
/* Grid Rows */
.ext .ext-grid-rows-1 > [class*="_inner-container"] {
grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-2 > [class*="_inner-container"] {
grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-3 > [class*="_inner-container"] {
grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-4 > [class*="_inner-container"] {
grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-5 > [class*="_inner-container"] {
grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-6 > [class*="_inner-container"] {
grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-none > [class*="_inner-container"] {
grid-template-rows: none !important;
}
.ext-items-center {
align-items: center !important;
}
.ext-items-end {
align-items: flex-end !important;
}
.ext-justify-end {
justify-content: flex-end !important;
}
/* Align */
.ext .ext-items-start > [class*="_inner-container"] {
align-items: flex-start !important;
}
.ext .ext-items-end > [class*="_inner-container"] {
align-items: flex-end !important;
}
.ext .ext-items-center > [class*="_inner-container"] {
align-items: center !important;
}
.ext .ext-items-baseline > [class*="_inner-container"] {
align-items: baseline !important;
}
.ext .ext-items-stretch > [class*="_inner-container"] {
align-items: stretch !important;
}
/* For <5.9 */
.ext .wp-block-group__inner-container {
padding: 0 !important;
}
.ext.has-background {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
/* Fallback for classic theme group blocks */
.ext *[class*="inner-container"] > .alignwide *[class*="inner-container"],
.ext
*[class*="inner-container"]
> [data-align="wide"]
*[class*="inner-container"] {
max-width: var(--responsive--alignwide-width, 120rem) !important;
}
.ext *[class*="inner-container"] > .alignwide *[class*="inner-container"] > *,
.ext
*[class*="inner-container"]
> [data-align="wide"]
*[class*="inner-container"]
> * {
max-width: 100% !important;
}
.ext-left-lg {
left: var(--extendify--spacing--large, 3rem) !important;
}
.ext--left-base {
left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--left-lg {
left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-list-none {
list-style-type: none !important;
}
.ext-m-0:not([style*="margin"]) {
margin: 0 !important;
}
.ext-m-base:not([style*="margin"]) {
margin: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mb-0:not([style*="margin"]) {
margin-bottom: 0 !important;
}
.ext-mb-base:not([style*="margin"]) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mb-lg:not([style*="margin"]) {
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-ml-0:not([style*="margin"]) {
margin-left: 0 !important;
}
.ext-ml-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext--ml-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--ml-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-mr-0:not([style*="margin"]) {
margin-right: 0 !important;
}
/* Removes excess margin when applied to the alignfull parent div in Block Themes */
.ext-mr-0.alignfull:not([style*="margin"]):not([style*="margin"]) {
margin-right: 0 !important;
}
.ext-ml-0:not([style*="margin"]):not([style*="margin"]) {
margin-left: 0 !important;
}
.ext-mr-base:not([style*="margin"]) {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mr-lg:not([style*="margin"]) {
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-mt-0:not([style*="margin"]) {
margin-top: 0 !important;
}
.ext-mt-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mt-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
}
.ext-mx-0:not([style*="margin"]) {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Ensures fullwidth blocks display properly in the editor when margin is zeroed out */
.is-root-container
.wp-block[data-align="full"]
> .ext-mx-0:not([style*="margin"]):not([style*="margin"]) {
margin-right: calc(1 * var(--wp--custom--spacing--outer, 0)) !important;
margin-left: calc(1 * var(--wp--custom--spacing--outer, 0)) !important;
overflow: hidden !important;
width: unset !important;
}
.ext-mx-auto:not([style*="margin"]) {
margin-left: auto !important;
margin-right: auto !important;
}
.ext-mx-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-my-0:not([style*="margin"]) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.is-root-container.block-editor-block-list__layout
> [data-align="full"]:not(:first-of-type)
> .ext-my-0,
.is-root-container.block-editor-block-list__layout
> [data-align="wide"]
> .ext-my-0:not([style*="margin"]) {
margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important;
}
.ext-my-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-my-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-order-1 {
order: 1 !important;
}
.ext-order-2 {
order: 2 !important;
}
.ext-p-0:not([style*="padding"]) {
padding: 0 !important;
}
.ext-p-base:not([style*="padding"]) {
padding: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-p-lg:not([style*="padding"]) {
padding: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pb-0:not([style*="padding"]) {
padding-bottom: 0 !important;
}
.ext-pb-base:not([style*="padding"]) {
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pb-lg:not([style*="padding"]) {
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pl-0:not([style*="padding"]) {
padding-left: 0 !important;
}
.ext-pl-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pr-0:not([style*="padding"]) {
padding-right: 0 !important;
}
.ext-pr-lg:not([style*="padding"]) {
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pt-0:not([style*="padding"]) {
padding-top: 0 !important;
}
.ext-pt-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pt-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
}
.ext-px-0:not([style*="padding"]) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ext-px-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-px-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-py-0:not([style*="padding"]) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ext-py-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-relative {
position: relative !important;
}
.ext-right-lg {
right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-row-end-1 {
grid-row-end: 1 !important;
}
.ext-row-end-2 {
grid-row-end: 2 !important;
}
.ext-row-end-3 {
grid-row-end: 3 !important;
}
.ext-row-end-4 {
grid-row-end: 4 !important;
}
.ext-row-end-5 {
grid-row-end: 5 !important;
}
.ext-row-end-6 {
grid-row-end: 6 !important;
}
.ext-row-end-7 {
grid-row-end: 7 !important;
}
.ext-row-start-1 {
grid-row-start: 1 !important;
}
.ext-row-start-2 {
grid-row-start: 2 !important;
}
.ext-row-start-3 {
grid-row-start: 3 !important;
}
.ext-row-start-4 {
grid-row-start: 4 !important;
}
.ext-top-base {
top: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-top-lg {
top: var(--extendify--spacing--large, 3rem) !important;
}
.ext--bottom-base {
bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mb-lg:not([style*="margin"]) {
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext--ml-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext--mr-base:not([style*="margin"]) {
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mr-lg:not([style*="margin"]) {
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext--mt-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mt-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext--right-base {
right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--right-lg {
right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext--top-lg {
top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-leading-none {
line-height: 1 !important;
}
.has-background-color {
color: var(--wp--preset--color--background, #fff) !important;
}
.has-background-background-color {
background-color: var(--wp--preset--color--background, #fff) !important;
}
.has-foreground-background-color {
background-color: var(--wp--preset--color--foreground, #000) !important;
}
.has-primary-color {
color: var(--wp--preset--color--primary, #4b5563) !important;
}
.has-primary-background-color {
background-color: var(--wp--preset--color--primary, #4b5563) !important;
}
.has-secondary-color {
color: var(--wp--preset--color--secondary, #9ca3af) !important;
}
.has-secondary-background-color {
background-color: var(--wp--preset--color--secondary, #9ca3af) !important;
}
.has-white-color {
color: var(--wp--preset--color--white, #fff) !important;
}
/* Fix button borders with specified background colors */
.wp-block-button__link.has-black-background-color {
border-color: var(--wp--preset--color--black, #000) !important;
}
.wp-block-button__link.has-white-background-color {
border-color: var(--wp--preset--color--white, #fff) !important;
}
/* Ensure themes that target specific elements use the right colors */
.ext.has-text-color p,
.ext.has-text-color h1,
.ext.has-text-color h2,
.ext.has-text-color h3,
.ext.has-text-color h4,
.ext.has-text-color h5,
.ext.has-text-color h6 {
color: currentColor !important;
}
[class*="fullwidth-cols"] .wp-block-column:first-child,
[class*="fullwidth-cols"] .wp-block-group:first-child {
margin-top: 0 !important;
}
[class*="fullwidth-cols"] .wp-block-column:last-child,
[class*="fullwidth-cols"] .wp-block-group:last-child {
margin-bottom: 0 !important;
}
[class*="fullwidth-cols"] .wp-block-column:first-child > * {
margin-top: 0 !important;
}
[class*="fullwidth-cols"] .wp-block-column > *:first-child {
margin-top: 0 !important;
}
[class*="fullwidth-cols"] .wp-block-column > *:last-child {
margin-bottom: 0 !important;
}
.ext .is-not-stacked-on-mobile .wp-block-column {
margin-bottom: 0 !important;
}
.wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
> .wp-block-column:not(:last-child) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
@media (min-width: 782px) {
.wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
> .wp-block-column:not(:last-child) {
margin-bottom: 0 !important;
}
}
/* Remove margin bottom from "not-stacked" columns */
.wp-block-columns[class*="fullwidth-cols"].is-not-stacked-on-mobile
> .wp-block-column {
margin-bottom: 0 !important;
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
> .wp-block-column:nth-child(even) {
margin-left: var(--wp--style--block-gap, 2em) !important;
}
}
/*
The `tablet:fullwidth-cols` and `desktop:fullwidth-cols` utilities are used
to counter the core/columns responsive for at our breakpoints.
*/
@media (max-width: 781px) {
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
margin-left: 0 !important;
}
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column:not([style*="margin"]) {
margin-left: 0 !important;
}
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
flex-basis: 100% !important; /* Required to negate core/columns flex-basis */
}
}
@media (max-width: 1079px) {
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
margin-left: 0 !important;
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column:not([style*="margin"]) {
margin-left: 0 !important;
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
flex-basis: 100% !important; /* Required to negate core/columns flex-basis */
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column:not(:last-child) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
}
/* Ensure vh content in previews looks taller */
.block-editor-block-preview__content-iframe .preview\:min-h-50 {
min-height: 50vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-60 {
min-height: 60vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-70 {
min-height: 70vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-80 {
min-height: 80vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-100 {
min-height: 100vw !important;
}
.ext .wp-block-image {
position: relative !important;
text-align: center !important;
}
.ext .wp-block-image img {
display: inline-block !important;
vertical-align: middle !important;
}
.wp-block-columns[class*="fullwidth-cols"] {
margin-bottom: unset !important;
}
.wp-block-column.editor\:pointer-events-none {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.is-root-container.block-editor-block-list__layout
> [data-align="full"]:not(:first-of-type)
> .wp-block-column.editor\:pointer-events-none,
.is-root-container.block-editor-block-list__layout
> [data-align="wide"]
> .wp-block-column.editor\:pointer-events-none {
margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important;
}
/* Some popular themes use padding instead of core margin for columns; remove it */
.ext .wp-block-columns .wp-block-column[style*="padding"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Some popular themes add double spacing between columns; remove it */
.ext
.wp-block-columns
+ .wp-block-columns:not([class*="mt-"]):not([class*="my-"]):not(
[style*="margin"]
) {
margin-top: 0 !important;
}
.is-style-angled {
align-items: center !important;
justify-content: flex-end !important;
}
.ext .is-style-angled > [class*="_inner-container"] {
align-items: center !important;
}
.is-style-angled .wp-block-cover__image-background,
.is-style-angled .wp-block-cover__video-background {
-webkit-clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important;
z-index: 1 !important;
}
@media (min-width: 782px) {
.is-style-angled .wp-block-cover__image-background,
.is-style-angled .wp-block-cover__video-background {
-webkit-clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important;
}
}
.ext .wp-block-group > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ext .wp-block-group > * + * {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: 0 !important;
}
.ext.wp-block-group > *:last-child {
margin-bottom: 0 !important;
}
.ext h2 {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75) !important;
min-width: 12rem !important;
}
.ext-rounded-tl-none {
border-top-left-radius: 0px !important;
}
/* Ensure no funky business is assigned to alignwide */
.ext .alignwide {
margin-left: auto !important;
margin-right: auto !important;
}
@media (min-width: 1080px) {
.desktop\:ext-flex-row {
flex-direction: row !important;
}
.desktop\:ext-flex-grow-0 {
flex-grow: 0 !important;
}
.desktop\:ext-flex-nowrap {
flex-wrap: nowrap !important;
}
.desktop\:ext-justify-end {
justify-content: flex-end !important;
}
.desktop\:ext-mb-0:not([style*="margin"]) {
margin-bottom: 0 !important;
}
.desktop\:ext-mb-base:not([style*="margin"]) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-ml-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-mr-lg:not([style*="margin"]) {
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-mt-0:not([style*="margin"]) {
margin-top: 0 !important;
}
.desktop\:ext-mt-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-p-base:not([style*="padding"]) {
padding: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-p-lg:not([style*="padding"]) {
padding: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-pl-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-pr-lg:not([style*="padding"]) {
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-px-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-px-0:not([style*="padding"]) {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 782px) {
.tablet\:ext-relative {
position: relative !important;
}
.tablet\:ext-grid {
display: grid !important;
}
.tablet\:ext-top-lg {
top: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-right-base {
right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext--right-lg {
right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-bottom-lg {
bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-left-lg {
left: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--left-lg {
left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-order-1 {
order: 1 !important;
}
.tablet\:ext-order-2 {
order: 2 !important;
}
.tablet\:ext-mx-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mx-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-my-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mt-0:not([style*="margin"]) {
margin-top: 0 !important;
}
.tablet\:ext-mt-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mt-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--mt-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--mr-lg:not([style*="margin"]) {
margin-right: calc(
var(--extendify--spacing--large, 3rem) * -1
) !important;
}
.tablet\:ext-mr-base:not([style*="margin"]) {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mr-lg:not([style*="margin"]) {
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-mb-0:not([style*="margin"]) {
margin-bottom: 0 !important;
}
.tablet\:ext-mb-base:not([style*="margin"]) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext--mb-base:not([style*="margin"]) {
margin-bottom: calc(
var(--wp--style--block-gap, 1.75rem) * -1
) !important;
}
.tablet\:ext--mb-lg:not([style*="margin"]) {
margin-bottom: calc(
var(--extendify--spacing--large, 3rem) * -1
) !important;
}
.tablet\:ext-ml-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-ml-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext--ml-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext-my-0:not([style*="margin"]) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tablet\:ext-w-full {
width: 100% !important;
}
.tablet\:ext-flex-grow {
flex-grow: 1 !important;
}
.tablet\:ext-flex-row {
flex-direction: row !important;
}
.tablet\:ext-flex-wrap {
flex-wrap: wrap !important;
}
.tablet\:ext-p-lg:not([style*="padding"]) {
padding: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-px-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-px-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-py-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pt-0:not([style*="padding"]) {
padding-top: 0 !important;
}
.tablet\:ext-pt-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pt-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pb-lg:not([style*="padding"]) {
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pr-base:not([style*="padding"]) {
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pr-lg:not([style*="padding"]) {
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pl-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-block {
display: block !important;
}
}