.bricks-button.outline { background-color: transparent; color: inherit; border: 2px solid;} body {font-size: var(--font-default); line-height: var(--lh-default); letter-spacing: var(--ls-default); color: var(--text); text-wrap: pretty; font-family: "OverusedGrotesk"} h1, h2, h3, h4, h5, h6 {text-wrap: balance; color: var(--heading); font-family: "Heading font serif"; font-weight: 400} h1 {font-size: var(--h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1)} h2 {letter-spacing: var(--ls-h2); line-height: var(--lh-h2); font-size: var(--h2)} h3 {line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-size: var(--h3)} h4 {line-height: var(--lh-h4); letter-spacing: var(--ls-h4); font-size: var(--h4)} h5 {line-height: var(--lh-h5); letter-spacing: var(--ls-h5); font-size: var(--h5)} h6 {line-height: var(--lh-h6); letter-spacing: var(--ls-h6); font-size: var(--h6)} .brxe-section {padding-top: var(--sp-m); padding-right: var(--gutter); padding-bottom: var(--sp-m); padding-left: var(--gutter)} .brxe-container {width: 100%; max-width: var(--max-screen-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--max-screen-width)}.brxe-alert.info {color: var(--info)}.brxe-alert.success {color: var(--success)}.brxe-alert.warning {color: var(--warning)}.brxe-alert.danger {color: var(--error)}.brxe-alert.muted {color: var(--muted)} .bricks-button {font-size: var(--font-btn); line-height: var(--lh-btn); letter-spacing: var(--ls-btn); white-space: nowrap; font-weight: 500; padding-top: var(--btn-sp-block); padding-right: var(--btn-sp-inline); padding-bottom: var(--btn-sp-block); padding-left: var(--btn-sp-inline)}.brxe-form .form-group label {font-size: var(--font-label); color: var(--text-label)}.brxe-form .form-group .label {font-size: var(--font-label); color: var(--text-label)}.brxe-form ::placeholder {font-size: var(--font-placeholder); color: var(--text-placeholder)}.brxe-form select {font-size: var(--font-placeholder); color: var(--text-placeholder); font-size: var(--font-default)}.brxe-form .form-group input {font-size: var(--font-default)}.brxe-form textarea {font-size: var(--font-default)}.brxe-form .bricks-button {padding-top: var(--btn-sp-block); padding-right: var(--btn-sp-inline); padding-bottom: var(--btn-sp-block); padding-left: var(--btn-sp-inline); font-size: var(--font-btn); color: var(--text-invert); background-color: var(--action-primary); border: 1px solid var(--action-primary)} .brxe-post-content {font-size: var(--font-post-content); line-height: var(--lh-post-content); letter-spacing: var(--ls-post-content); text-wrap: pretty; color: var(--text)}.brxe-post-title {font-size: var(--h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); color: var(--heading); text-wrap: balance} .brxe-text {text-wrap: pretty; font-size: var(--font-default); line-height: var(--lh-default); letter-spacing: var(--ls-default); color: var(--text)} .brxe-text-basic {text-wrap: pretty; font-size: var(--font-default); line-height: var(--lh-default); letter-spacing: var(--ls-default); color: var(--text)}.brxe-wordpress ul {font-size: var(--font-post-content); line-height: var(--lh-post-content); letter-spacing: var(--ls-post-content); text-wrap: pretty; color: var(--text)}.brxe-wordpress .post-title {line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-size: var(--h1); text-wrap: balance; color: var(--heading)}.brxe-wordpress .post-meta {color: var(--text)} .pswp .pswp__bg {background-color: var(--bg-body)} html {background-color: var(--bg-body)} body {background: none}.brx-popup {padding-top: var(--gutter); padding-right: var(--gutter); padding-bottom: var(--gutter); padding-left: var(--gutter)} .brx-popup-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}