:where(:root) .bricks-color-primary {color: var(--bricks-color-deyeba)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-deyeba)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-qggfmf)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-qggfmf)}:where(:root) .bricks-color-light {color: var(--bricks-color-dxxzhk)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-dxxzhk)}:where(:root) .bricks-color-dark {color: var(--bricks-color-jwenls)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-jwenls)}:where(:root) .bricks-color-muted {color: var(--bricks-color-dnrhnc)}:where(:root) .bricks-background-muted {background-color: var(--bricks-color-dnrhnc)}:where(:root) * {border-color: var(--bricks-color-dnrhnc)} .brxe-container {width: 1450px} .woocommerce main.site-main {width: 1450px} #brx-content.wordpress {width: 1450px} body {font-family: "Roboto"; font-weight: 300; font-size: 1.4rem; color: var(--bricks-color-jwenls); line-height: 1.4em} h1, h2, h3, h4, h5, h6 {font-weight: 300; font-family: "Roboto"; color: var(--bricks-color-deyeba); text-transform: uppercase} h1 {font-size: 3.5rem} h2 {font-size: 2.8rem} h3 {font-size: 2.3rem} h4 {font-size: 1.5rem} h5 {font-size: 1.2rem} h6 {font-size: 1.25rem; font-weight: 400} html {font-size: 100%} .bricks-button {color: var(--bricks-color-qggfmf); font-size: 1.25rem; text-transform: uppercase; border-radius: 35px; transition: all 0.3s ease-in-out; padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-deyeba)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-dnrhnc)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-deyeba)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-deyeba); border: 1px solid var(--bricks-color-deyeba)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-dnrhnc)} :root .bricks-button[class*="secondary"]:hover {border: 1px solid var(--bricks-color-dnrhnc)} .bricks-button.sm {padding-top: 0.2rem; padding-right: 1rem; padding-bottom: 0.2rem; padding-left: 1rem; font-size: 1.25rem}@media (max-width: 1279px) { .brxe-container {width: 1100px} .woocommerce main.site-main {width: 1100px} #brx-content.wordpress {width: 1100px} body {font-size: 1.2rem} h1 {font-size: 2.8rem} h2 {font-size: 2.3rem} h3 {font-size: 1.85rem} .bricks-button.sm {font-size: 1rem; padding-top: 0.2rem; padding-bottom: 0.115rem}}@media (max-width: 991px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} .bricks-button.sm {text-transform: uppercase}}@media (max-width: 767px) { .brxe-container {width: 95%} .woocommerce main.site-main {width: 95%} #brx-content.wordpress {width: 95%} h1 {font-size: 2.3rem} h2 {font-size: 2rem} .bricks-button.sm {text-transform: capitalize; padding-right: 0.75rem; padding-left: 0.75rem}}@media (max-width: 478px) { h1 {font-size: 2.1rem} h2 {font-size: 1.8rem} h3 {font-size: 1.5rem}}