html {background-color: var(--bricks-color-dbmcvv)} body {background: none} html {font-size: 100%} body {font-size: 18px; font-family: "General Sans"; font-weight: 500; letter-spacing: var(--letter-spacing-sm); line-height: 24px; color: var(--bricks-color-gubnbj)} h1, h2, h3, h4, h5, h6 {font-family: "General Sans"; font-weight: 600; letter-spacing: var(--letter-spacing); line-height: var(--lineheight-sm); color: var(--bricks-color-gubnbj)} h1 {font-size: var(--text-4xl); line-height: var(--lineheight)} h2 {font-size: var(--text-2xl)} h3 {font-size: var(--text-xl-m)} h4 {font-size: var(--text-xl); line-height: var(--lineheight-lg)} h5 {font-size: var(--text-lg)} h6 {font-size: var(--text-md)} .bricks-type-hero {font-size: var(--text-5xl)} .brxe-container {max-width: 1000px; width: calc(100% - 32px)} #brx-content.wordpress {max-width: 1000px; width: calc(100% - 32px)} .woocommerce main.site-main {width: calc(100% - 32px)} .bricks-button {font-size: var(--text-sm); font-family: "General Sans"; font-weight: 600; line-height: 20px; letter-spacing: -0.032px; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; transition: .3s} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-lmrpvg)} :root .bricks-button[class*="primary"] {border: 1px solid var(--bricks-color-lmrpvg); color: var(--bricks-color-gubnbj)} :root .bricks-button[class*="primary"].outline {border: 1px solid var(--bricks-color-lmrpvg); border-radius: 50px; color: var(--bricks-color-lmrpvg)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-jkjnam)}