.brxe-container {width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px}:where(:root) .bricks-color-primary {color: #000000}:where(:root) .bricks-background-primary {background-color: #000000}:where(:root) .bricks-color-secondary {color: #ffffff}:where(:root) .bricks-background-secondary {background-color: #ffffff}:where(:root) .bricks-color-warning {color: #e00000}:where(:root) .bricks-background-warning {background-color: #e00000}:where(:root) .bricks-color-success {color: #2d8816}:where(:root) .bricks-background-success {background-color: #2d8816}:where(:root) .bricks-color-info {color: #e4541b}:where(:root) .bricks-background-info {background-color: #e4541b}:where(:root) * {border-color: #000000}:where(:root) .bricks-color-muted {color: #4f4f4f}:where(:root) .bricks-background-muted {background-color: #4f4f4f}:where(:root) .bricks-color-dark {color: #000000}:where(:root) .bricks-background-dark {background-color: #000000}:where(:root) .bricks-color-light {color: #ffffff}:where(:root) .bricks-background-light {background-color: #ffffff} body {font-family: "Inter"; color: var(--primary)} h1 {font-family: "Roboto"} h2 {font-family: "Roboto"} h3 {font-family: "Roboto"} h4 {font-family: "Roboto"} h5 {font-family: "Roboto"} h6 {font-family: "Roboto"} :root .bricks-button[class*="primary"] {font-family: "Inter"; color: var(--secondary); border-radius: 4px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"] {color: var(--primary); border: 1px solid var(--primary); border-radius: 5px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--primary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--primary-20)} :root .bricks-button[class*="dark"] {color: var(--secondary)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--primary)} .bricks-button {color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-80)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: rgba(145, 145, 145, 0.34)}.brxe-form .form-group label {font-family: "Inter"}.brxe-form .form-group .label {font-family: "Inter"}.brxe-form ::placeholder {font-family: "Inter"}.brxe-form select {font-family: "Inter"} .brxe-section {padding-top: var(--space-l); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}