.brxe-container {row-gap: var(--dr-gap-m); column-gap: var(--dr-gap-m); width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} html {font-size: 100%} body {font-weight: 400; font-family: "Geist"; font-size: var(--dr-text-m); color: var(--dr-neutral-darker)} h1, h2, h3, h4, h5, h6 {color: var(--dr-neutral-darkest); text-align: left; line-height: 1.3; text-transform: capitalize; font-weight: 600} h1 {font-size: var(--dr-title-2xl)} h2 {font-size: var(--dr-title-xl)} h3 {font-size: var(--dr-text-l)} h4 {font-size: var(--dr-title-l)} h5 {font-size: var(--dr-title-l)} h6 {font-size: var(--dr-title-l)} .bricks-button {color: var(--dr-black); text-transform: capitalize; line-height: 1.3em; font-size: var(--dr-text-s); border: 1px solid var(--dr-neutral); border-radius: var(--dr-radius-button); transition: 0.5s ease} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--dr-accent)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 255, 255, 0.8)} .bricks-button.outline {border-width: 1px; border-color: var(--dr-neutral); background-color: var(--dr-white)} .bricks-button.sm {font-size: var(--dr-text-s); padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em} .bricks-button.lg {font-size: var(--dr-text-l); padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em} .bricks-button.xl {font-size: var(--dr-text-xl); padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--dr-neutral-lighter)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--dr-neutral-light)} .bricks-button.outline:hover {background-color: var(--dr-neutral-lighter)} :root .bricks-button[class*="primary"] {border-color: var(--dr-accent); color: var(--dr-white)} :root .bricks-button[class*="primary"].outline {border-color: var(--dr-accent); background-color: var(--dr-accent-lightest); color: var(--dr-black)} :root .bricks-button[class*="secondary"].outline {color: var(--dr-white); background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"] {color: var(--dr-black); border-style: none} :root .bricks-button[class*="secondary"].outline:hover {color: var(--dr-black); background-color: var(--dr-white)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--dr-white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--dr-accent-dark)} :root .bricks-button[class*="primary"]:hover {border-color: var(--dr-accent-light)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--dr-accent-lighter)} .bricks-button.md {padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em} :root .bricks-button[class*="dark"] {border-style: none; color: var(--dr-white)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--dr-neutral-darkest)} :root .bricks-button[class*="dark"].outline {color: var(--dr-neutral-darkest)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--dr-black)} .brxe-section {column-gap: var(--dr-gap-m); row-gap: var(--dr-gap-m); padding-top: var(--dr-gap-m); padding-right: var(--dr-gap-s); padding-bottom: var(--dr-gap-m); padding-left: var(--dr-gap-s); width: 1320px; align-items: flex-start; justify-content: flex-start} .brx-boxed {max-width: 1400px} .brx-boxed #brx-header.brx-sticky {max-width: 1400px; margin-left: auto; margin-right: auto} .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: 1em} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: .5em} .brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul) {margin-block-start: .5em} .brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol) {margin-block-start: .5em} .brxe-text * + :is(li), .brxe-post-content:not([data-source=bricks]) * + :is(li), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(li) {margin-block-start: .5em} @media (max-width: 991px) { .brxe-container {flex-direction: column} }h1,h2,h3,h4,h5,h6, p, ul, ol {margin: 0;}