.brxe-container {width: 1280px; display: flex} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .brxe-section {padding-top: clamp(6.4rem, calc(6.4rem + ((1vw - 0.48rem) * 4)), 9.6rem); padding-right: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 3.5)), 4.8rem); padding-bottom: clamp(6.4rem, calc(6.4rem + ((1vw - 0.48rem) * 4)), 9.6rem); padding-left: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 3.5)), 4.8rem)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #f5f5f5} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #ffbe0a} :root .bricks-button[class*="primary"] {color: #000000; font-size: 1.6rem; border-radius: 10px} .bricks-button.sm {font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.48rem) * 0.5)), 1.6rem); letter-spacing: 0px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px} .bricks-button {transition: all 0.30s ease;; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; font-weight: 700} :root .bricks-button[class*="secondary"]:hover {border-color: #3490cc; color: #57aef4} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #1a1a1a} :root .bricks-button[class*="secondary"] {border: 1px solid #000000; border-radius: 10px} :root .bricks-button[class*="dark"]:not(.outline) {background-color: #161c24} :root .bricks-button[class*="dark"] {color: #ffffff; border: 1px solid #161c24; border-radius: 10px} :root .bricks-button[class*="dark"].outline {background-color: #000000; border: 1px solid var(--bricks-border-color); border-radius: 10px 10px 01px 10px} :root .bricks-button[class*="muted"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="muted"] {color: #212121; border-radius: 10px} :root .bricks-button[class*="info"] {color: #f5f5f5} :root .bricks-button[class*="info"]:not(.outline) {background-color: #5d2e89} body {font-size: 1.6rem; line-height: 1.4; color: #262626} h1, h2, h3, h4, h5, h6 {line-height: 1; font-style: normal} h1 {font-size: clamp(3.2rem, calc(3.2rem + ((1vw - 0.48rem) * 3)), 5.6rem)} h2 {font-size: clamp(2.4rem, calc(2.4rem + ((1vw - 0.48rem) * 3)), 4.8rem)} h3 {font-size: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 0.5)), 2.4rem); text-transform: uppercase} h4 {font-size: 14px} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--bricks-color-vqqohc)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--bricks-color-vqqohc); }} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: #000000; text-decoration: underline; font-size: 16px}:where(:root) .bricks-color-primary {color: var(--bricks-color-vjurut)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-vjurut)}