figure { --figure-radius: var(--radius); overflow: clip; border-radius: var(--figure-radius); img { object-fit: cover; block-size: 100%; inline-size: 100%; }}[class^="brxe-text-link button"] { --color: var(--primary-ultra-dark) --background-color: var(--primary); letter-spacing: 0.5px; color: var(--color); background-color: var(--background-color); padding-block: calc(var(--button-padding) / 2.5); padding-inline: var(--button-padding); border-radius: var(--radius);}.button--secondary { --color: var(--secondary-ultra-dark); --background-color: var(--secondary);} .brxe-container {width: 100%; max-width: var(--content-width); row-gap: var(--container-gap)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--content-width)} .brxe-section {padding-top: var(--section-block-padding); padding-right: var(--gutter); padding-bottom: var(--section-block-padding); padding-left: var(--gutter); row-gap: var(--section-gap)} .brxe-block {row-gap: var(--content-gap); column-gap: var(--content-gap)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--primary-ultra-light)}:where(:root) .bricks-background-light {background-color: var(--primary-ultra-light)}:where(:root) .bricks-color-dark {color: var(--primary-ultra-dark)}:where(:root) .bricks-background-dark {background-color: var(--primary-ultra-dark)}:where(:root) .bricks-color-muted {color: var(--neutral-light)}:where(:root) .bricks-background-muted {background-color: var(--neutral-light)} body {font-family: "Lato"; font-size: var(--text-body)} h1, h2, h3, h4, h5, h6 {font-family: "Fira Sans"} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--heading-contextual-spacing)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--paragraph-contextual-spacing)} .bricks-button {padding-right: var(--button-padding); padding-left: var(--button-padding); border-radius: var(--button-radius)} .bricks-button.sm {padding-right: var(--button-padding); padding-left: var(--button-padding)} .bricks-button.md {padding-right: var(--button-padding); padding-left: var(--button-padding)} .bricks-button.lg {padding-right: var(--button-padding); padding-left: var(--button-padding)} .bricks-button.xl {padding-right: var(--button-padding); padding-left: var(--button-padding)} :root .bricks-button[class*="muted"] {color: var(--neutral-d-1)}h1,h2,h3,h4,h5,h6, p, figure, blockquote, dd {margin: 0;}