.brxe-container {max-width: var(--max-page-width); width: 100%} #brx-content.wordpress {max-width: var(--max-page-width); width: 100%} .woocommerce main.site-main {width: 100%} html {font-size: 100%} body {font-family: "Gotham"; font-size: var(--text-body); color: var(--text-body); font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Gotham"; color: var(--primary)} h1 {font-family: "Gotham"} .brxe-section {padding-top: var(--container-space); padding-right: var(--gutter); padding-bottom: var(--container-space); padding-left: var(--gutter)} .bricks-button {transition: all .2s linear; font-weight: 700; line-height: 1} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--green)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: hsl(162, 43%, 36%)} :root .bricks-button[class*="primary"]:hover {color: var(--paper)} :root .bricks-button[class*="secondary"]:hover {color: var(--paper); border: 2px solid var(--green)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border: var(--button-border-size) solid var(--teal)}