:where(:root) .bricks-color-primary {color: var(--c1)}:where(:root) .bricks-background-primary {background-color: var(--c1)}:where(:root) .bricks-color-secondary {color: var(--c2)}:where(:root) .bricks-background-secondary {background-color: var(--c2)}:where(:root) .bricks-color-light {color: var(--w)}:where(:root) .bricks-background-light {background-color: var(--w)}:where(:root) .bricks-color-dark {color: var(--b)}:where(:root) .bricks-background-dark {background-color: var(--b)} body {font-family: "Poppins"} h1, h2, h3, h4, h5, h6 {font-family: "Fraunces"; line-height: 1.2} h1 {font-size: 2.5vw; color: var(--text); font-weight: 400} h2 {font-size: 36px; color: var(--text); text-transform: uppercase} h3 {color: var(--c1); font-family: "Caveat"; font-size: 40px} h4 {font-size: 16px} blockquote {border-color: var(--c1); font-size: 13px} .brxe-container {width: var(--full); max-width: 1280px; padding-top: var(--padding-m); padding-bottom: var(--padding-m)} .woocommerce main.site-main {width: var(--full)} #brx-content.wordpress {width: var(--full); max-width: 1280px} .bricks-button {font-weight: 600; border-radius: 8px; box-shadow: 0 0 10px 0 hsla(0, 0%, 0%, 0.2); transition: all .5s} .bricks-button:hover {box-shadow: 0 0 10px 0 hsla(0, 0%, 0%, 0.5)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--w)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--c1)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--c2)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--w); text-transform: uppercase; border: 1px solid var(--w)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--c2)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: rgba(0, 0, 0, 0)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--w)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--c2); text-transform: uppercase; border: 1px solid var(--c2)} .bricks-button:where(.bricks-background-dark):hover, .bricks-button:where(.bricks-color-dark):hover {color: var(--w)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: rgba(0, 0, 0, 0)} .bricks-button:where(.bricks-background-dark:not(.outline)):hover {background-color: var(--c2)} html {background-color: var(--bg1)} body {background: none}@media (max-width: 991px) { h1 {font-size: 50px} h2 {font-size: 30px} .brxe-container {padding-right: var(--padding-m); padding-left: var(--padding-m)}}@media (max-width: 767px) { h1 {font-size: 30px} h2 {font-size: 28px} h3 {font-size: 30px} .brxe-container {padding-top: var(--padding-sm); padding-right: var(--padding-sm); padding-bottom: var(--padding-sm); padding-left: var(--padding-sm)}}@media (max-width: 478px) { h1 {font-size: 28px} h2 {font-size: 26px} h3 {font-size: 28px}}