.brxe-section {padding-right: 2rem; padding-left: 2rem} .brxe-container {padding-top: clamp(calc(1rem * (40 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((80 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (40 / var(--base-font)))) + (((80 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (80 / var(--base-font))));; padding-bottom: clamp(calc(1rem * (40 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((80 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (40 / var(--base-font)))) + (((80 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (80 / var(--base-font))));; width: 1240px} .woocommerce main.site-main {width: 1240px} #brx-content.wordpress {width: 1240px} body {line-height: 1.5; font-size: clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((20 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((20 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (20 / var(--base-font))));; color: var(--white); font-family: "Montserrat"} h1, h2, h3, h4, h5, h6 {color: var(--white)} h1 {line-height: 1.2} h2 {line-height: 1.3; font-size: clamp(calc(1rem * (36 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((80 - 36) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (36 / var(--base-font)))) + (((80 - 36) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (80 / var(--base-font))));; font-weight: 300; letter-spacing: -2px} h3 {line-height: 1.4} h4 {line-height: 1.5} h5 {line-height: 1.6} h6 {line-height: 1.6} html {background-color: var(--primary)} body {background: none} .bricks-button {color: var(--white); text-transform: uppercase; border-radius: 100px; transition: all 0.3s ease} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--highlight)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--highlight)} .bricks-button.lg {font-size: clamp(calc(1rem * (20 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((30 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (20 / var(--base-font)))) + (((30 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (30 / var(--base-font))));; padding-top: clamp(calc(1rem * (25 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((25 - 25) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (25 / var(--base-font)))) + (((25 - 25) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (25 / var(--base-font))));; padding-right: clamp(calc(1rem * (30 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((60 - 30) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (30 / var(--base-font)))) + (((60 - 30) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (60 / var(--base-font))));; padding-bottom: clamp(calc(1rem * (25 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((25 - 25) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (25 / var(--base-font)))) + (((25 - 25) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (25 / var(--base-font))));; padding-left: clamp(calc(1rem * (30 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((60 - 30) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (30 / var(--base-font)))) + (((60 - 30) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (60 / var(--base-font))));} .bricks-button.md {padding-top: clamp(calc(1rem * (12 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((19 - 12) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (12 / var(--base-font)))) + (((19 - 12) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (19 / var(--base-font))));; padding-right: clamp(calc(1rem * (20 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((30 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (20 / var(--base-font)))) + (((30 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (30 / var(--base-font))));; padding-bottom: clamp(calc(1rem * (12 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((19 - 12) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (12 / var(--base-font)))) + (((19 - 12) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (19 / var(--base-font))));; padding-left: clamp(calc(1rem * (20 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((30 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (20 / var(--base-font)))) + (((30 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (30 / var(--base-font))));}