.brxe-container {width: 1280px; padding-right: 2rem; padding-left: 2rem} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} html {font-size: 87.5%} body {font-family: "Roboto"; color: var(--neutral4)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; color: var(--tertiary); font-weight: 500} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {border: 1px solid var(--primary); color: var(--off-white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--off-white)} :root .bricks-button[class*="primary"]:hover {border: 1px solid var(--primary); border-radius: var(--button-radius); color: var(--primary)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--off-white)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {border: 1px solid var(--off-white); border-radius: var(--button-radius); color: var(--tertiary)} :root .bricks-button[class*="light"].outline {color: var(--off-white); background-color: hsla(0, 0%, 100%, 0); border: 1px solid var(--off-white); border-radius: var(--button-radius)} .bricks-button {border-radius: var(--button-radius)} .bricks-button.sm {font-size: 1rem; padding-top: 0.2em; padding-bottom: 0.2em} .bricks-button.md {padding-top: 0.3em; padding-bottom: 0.3em} .bricks-button.lg {padding-top: 0.4em; padding-bottom: 0.4em} .bricks-button.xl {padding-top: 0.5em; padding-bottom: 0.5em} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--tertiary)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {color: var(--off-white)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--off-white); color: var(--tertiary)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--tertiary-d-1); color: var(--tertiary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--off-white)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--tertiary)} :root .bricks-button[class*="secondary"]:hover {color: var(--off-white)} .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: 0.7em}@media (max-width: 478px) { .brxe-container {padding-right: 1rem; padding-left: 1rem}}p {margin: 0;}