body {font-family: "Raleway"; font-weight: 400; font-size: var(--text-clamp); line-height: 1.5} h1, h2, h3, h4, h5, h6 {font-family: "Cormorant Garamond Custom"; font-weight: 400; font-style: normal} h1 {font-size: var(--page-title-clamp); text-transform: uppercase; font-family: "Raleway"; letter-spacing: 5px; line-height: 1.1} h2 {font-size: var(--section-heading-clamp); line-height: 1.1} h3 {font-size: var(--section-subheading-clamp); font-weight: 600} h4 {font-size: var(--text-clamp); font-weight: 700; font-family: "Raleway"} .brxe-container {width: 100%; align-items: flex-start} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {max-width: var(--max-content-width)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-medium)} :root .bricks-button[class*="primary"] {font-weight: 600; color: var(--primary-extra-light)} .bricks-button {transition: all 0.5s ease-in-out} .bricks-button.outline {background-color: var(--primary-alt-alpha-90)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: hsl( var(--primary-hsl) / 75%)} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: var(--primary)}