html,body { overscroll-behavior-x: none;}*:focus { outline: none !important;}.bricks-button{ cursor:pointer;}a,button,input,select,textarea,summary,span,[role="button"] { -webkit-tap-highlight-color: transparent !important;}:focus:not(:focus-visible) { outline: none;}:focus-visible { outline: 2px solid currentColor; outline-offset: 3px;}input:focus-visible,textarea:focus-visible,select:focus-visible{ outline: none!important;}a,button,input,select,textarea,[tabindex] { -webkit-tap-highlight-color: transparent;} .bricks-button {border: 1px solid #9c6a5e; color: var(--secondary); font-family: "Grotesk"; font-weight: 400; padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-left: 1.25rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--white)} :root .bricks-button[class*="primary"] {color: var(--primary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} html {font-size: 100%} body {font-family: "Grotesk"; color: var(--secondary); line-height: 160%; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Gothic"; color: #000000; font-weight: 400} h2 {font-size: var(--text-xl); line-height: 110%} h3 {font-size: var(--text-l); letter-spacing: 1px; line-height: 140%} h4 {font-size: var(--text-m)} h5 {font-size: var(--text-s)} h6 {font-size: var(--text-xs)} .brxe-container {width: 1440px; padding-top: var(--space-3xl); padding-right: var(--space-xl); padding-bottom: var(--space-3xl); padding-left: var(--space-xl)} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px}@media (max-width: 900px) { h2 {font-size: var(--text-2xl)}}