.brxe-section {padding-top: var(--section-padding-top-bottom); padding-right: 15px; padding-bottom: var(--section-padding-top-bottom); padding-left: 15px} .brxe-container {width: var(--max-width-1200px)} .woocommerce main.site-main {width: var(--max-width-1200px)} #brx-content.wordpress {width: var(--max-width-1200px)} html {font-size: 16px} body {color: var(--color-text); font-family: "Inter"; line-height: 1.5; font-size: var(--text-s); font-style: normal; text-wrap: wrap} h1, h2, h3, h4, h5, h6 {color: var(--color-heading); font-family: "Inter"; line-height: 1.25; text-wrap: wrap} h1 {font-size: clamp(1.7rem, 2.5vw, 2.65rem);; color: var(--color-text-light); margin-bottom: 15px} h2 {font-size: clamp(1.5rem, 2.0vw, 2rem);; margin-bottom: 10px} h3 {font-size: clamp(1.25rem, 2.0vw, 1.45rem);; margin-bottom: 10px} h4 {font-size: clamp(1.15rem, 1.2vw, 1.25rem);; margin-bottom: 10px} h5 {font-size: clamp(1.05rem, 1.0vw, 1.15rem);; margin-bottom: 10px} h6 {font-size: clamp(0.9rem, 0.9vw, 1.05rem);; margin-bottom: 10px} .bricks-button {font-family: "Lato"; font-weight: 700; color: var(--color-text-light); line-height: 1.75; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--color-primary-secondary-hover)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--color-transparent)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--color-secondary)} .bricks-button:where(.bricks-background-dark:not(.outline)):hover {background-color: var(--color-primary-secondary-hover)} .bricks-button:where(.xl) {padding-right: 3.3333rem; padding-left: 3.3333rem} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--color-text-body-link)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {border: 2px solid var(--color-secondary); color: var(--color-text); text-transform: uppercase} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {text-transform: uppercase; border: 2px solid var(--color-primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--color-secondary)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--color-text-light)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border-color: var(--color-primary-secondary-hover)} .bricks-button:where(.bricks-background-info:not(.outline)) {background-color: var(--color-quaternary)} .bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {border: 2px solid var(--color-quaternary)} .bricks-button:where(.bricks-background-success:not(.outline)) {background-color: var(--color-tertiary)} .bricks-button:where(.bricks-background-success), .bricks-button:where(.bricks-color-success) {border-radius: 50px} .bricks-button:where(.bricks-background-success:not(.outline)):hover {background-color: var(--color-tertiary-hover)} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: var(--color-background-alt)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: var(--color-text); border: 2px solid var(--color-background-alt)}.brxe-alert.warning {color: var(--color-text); background-color: var(--color-warning-alert)}@media (max-width: 767px) { .brxe-section {padding-top: 30px; padding-bottom: 30px}}