html {font-size: var(--root-font-size)} body {font-family: "Open Sans"; color: var(--base)} h3 {font-family: "Open Sans"; font-weight: 600} h4 {font-family: "Open Sans"} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--neutral)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--neutral); }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .bricks-button {padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); font-size: var(--text-s); font-weight: 600; text-transform: uppercase; transition: all .2s ease; border-radius: var(--radius-xs)} :root .bricks-button[class*="primary"] {border-radius: var(--radius-xs)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-radius: var(--radius-xs); color: var(--neutral)} :root .bricks-button[class*="dark"] {border-radius: var(--radius-xs); color: var(--white)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--neutral)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--white-trans-90)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--neutral-hover)} .bricks-button.outline {border: 1px solid var(--base); color: var(--base)} .bricks-button.outline:hover {background-color: var(--base-ultra-dark-trans-20); color: var(--neutral-ultra-light)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--neutral)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--neutral)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--neutral)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--neutral)} .bricks-button:hover {color: var(--base-ultra-light)}:where(:root) .bricks-color-primary {color: var(--bricks-color-gtovnv)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-gtovnv)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-jeoilv)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-jeoilv)} .brxe-block {column-gap: var(--spacing-x); row-gap: var(--spacing-y--inner)} .brxe-section {row-gap: var(--spacing-y--inner); column-gap: var(--spacing-x)}.btn--primary.btn--primary, .btn--secondary.btn--secondary, .btn--tertiary.btn--tertiary, .btn--accent.btn--accent {&:not(.btn--outline){ position: relative;border: none !important;padding-block: calc(var(--btn-padding-block) + var(--btn-outline-border-width));padding-inline: calc(var(--btn-padding-inline) + var(--btn-outline-border-width));}}@font-face { font-family: 'FontAwesome'; src: url('https://staging-adaf-boondigitalsolutions5.wpcomstaging.com/wp-content/themes/bricks/assets/fonts/fontawesome/fa-solid-900.woff2') format('woff2'); font-display: swap;}@media (max-width: 991px) { h3 {font-family: "Open Sans"}}@media (max-width: 767px) { .bricks-button {padding-top: var(--space-s); padding-bottom: var(--space-s)}}@media (max-width: 478px) { h3 {font-family: "Open Sans"} h4 {font-family: "Open Sans"} h6 {font-family: "Open Sans"}}