html {font-size: var(--root-font-size)} body {font-family: "Roboto"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 700; text-wrap: balance} h1 {font-weight: 800} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .brxe-image .icon {border-radius: 0}:root { --primary-extra-light: hsl(var(--primary-h) var(--primary-s) 95%); --accent-extra-light: hsl(var(--accent-h) var(--accent-s) 96%); --neutral-extra-light: hsl(var(--neutral-h) var(--neutral-s) 98%);}html { & .float--right { & > * { float: right; } } & h1, & .h1, & h2, & .h2, & h3, & .h3, & h4, & .h4, & h5, & .h5, & h6, & .h6 { hyphens: auto; }}figure.radius--none { & img { border-radius: var(--radius-none); }}.icon--primary-light, [data-icon-theme="primary-light"] { --icon-color: var(--white); --icon-color-hover: var(--white); --icon-background: var(--primary); --icon-background-hover: var(--primary-hover); --icon-border-color: var(--primary); --icon-border-color-hover: var(--primary);}.icon--primary-dark, [data-icon-theme="primary-dark"] { --icon-color: var(--accent); --icon-color-hover: var(--accent); --icon-background: var(--primary); --icon-background-hover: var(--primary-hover); --icon-border-color: var(--primary); --icon-border-color-hover: var(--primary);}[data-icon] { &:is(svg) { & * { fill: var(--icon-color); } } & svg { height: auto; } fill: var(--icon-color); & * { fill: var(--icon-color); } &[data-icon-style="boxed"]:is(svg) { & * { fill: var(--icon-color); } } &[data-icon-style="boxed"]{ & svg { fill: var(--icon-color); & * { fill: var(--icon-color); } } } &[data-icon-style="boxed"]:is(svg) { & * { fill: var(--icon-color); } } &.icon--naked, &[data-icon-style="naked"] { --icon-background-hover: transparent !important; border-radius: 0 !important; & svg, & i, & img { border-radius: 0 !important; } &:hover { --icon-background-hover: transparent; } }}header { & .inner--header, & .menu--logo, & .menu--cta { transition: .3s; } & .menu--logo { & img { height: 100%; width: 100%; transition: .3s; } } &.scrolling { & .inner--header { background-color: var(--white-trans-90); padding: calc(var(--space-s) * 0.75); border-radius: var(--radius); } & .menu--container { align-items: stretch; } & .menu--logo { max-height: 50px; min-height: 50px; } }} .bricks-button {font-family: "Montserrat"; font-size: var(--text-m)} .bricks-button.md {font-size: var(--text-m); padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.75em; padding-left: 1.5em} .bricks-button.lg {font-size: var(--text-m); padding-top: calc(var(--space-s) * 0.75); padding-right: var(--space-m); padding-bottom: calc(var(--space-s) * 0.75); padding-left: var(--space-m)} .bricks-button.sm {font-size: var(--text-s); padding-top: calc(var(--space-xs) * 0.75); padding-right: var(--space-m); padding-bottom: calc(var(--space-xs) * 0.75); padding-left: var(--space-m)} .bricks-button.xl {padding-top: calc(var(--space-s) * 0.75); padding-right: var(--space-l); padding-bottom: calc(var(--space-s) * 0.75); padding-left: var(--space-l); font-size: var(--text-l)} .brxe-image-gallery .bricks-image-caption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption.wp-element-caption {border-radius: 0}