 html {background-color: var(--bricks-color-duijoo)} body {background: none}:where(:root) .bricks-color-primary {color: var(--bricks-color-duijoo)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-duijoo)}:where(:root) .bricks-color-light {color: #ffffff}:where(:root) .bricks-background-light {background-color: #ffffff}:where(:root) .bricks-color-dark {color: var(--bricks-color-mrgkjr)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-mrgkjr)}:where(:root) * {border-color: var(--bricks-color-jypgio)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-vccrch)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-vccrch)} html {font-size: 100%} body {color: var(--bricks-color-jypgio); font-family: "Onest"; font-weight: 400; font-size: 1.125rem; line-height: 1.3} h1 {font-size: 4.375rem; font-family: "Akira Expanded"; letter-spacing: 4px} h2 {font-size: 3.5rem; font-family: "Akira Expanded"; letter-spacing: 3px} h3 {font-size: 2rem; font-family: "Akira Expanded"; letter-spacing: 1px} h4 {font-size: 1.5rem; font-family: "Akira Expanded"} .brxe-container {padding-top: 7.5rem; padding-right: 1.25rem; padding-bottom: 7.5rem; padding-left: 1.25rem; width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-text {font-family: "Onest"; color: var(--bricks-color-jypgio); line-height: 1.2} .brxe-text-basic {font-family: "Onest"; color: var(--bricks-color-jypgio); line-height: 1.2} .bricks-button {text-align: center; font-weight: 600; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; transition: 0.4s ease-in-out; border: 1px solid var(--bricks-color-jypgio)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-jypgio)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-duijoo); text-align: center; border-radius: 50px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-jypgio)} .bricks-button.sm {padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.875rem; padding-left: 1.75rem} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-duijoo)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-jypgio)} .bricks-button:hover {color: var(--bricks-color-jypgio)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-duijoo)}@media (max-width: 767px) { h1 {font-size: 2.25rem} h2 {font-size: 1.875rem} h3 {font-size: 1.625rem} h4 {font-size: 1.25rem} body {font-size: 1rem}}