html {background-color: #666666} body {background: none} .brx-boxed {max-width: 1280px; box-shadow: 0 0 3px 1px var(--bricks-color-moouqo)} .brx-boxed #brx-header.brx-sticky {max-width: 1280px; margin-left: auto; margin-right: auto}:where(:root) .bricks-color-primary {color: var(--bricks-color-kiweio)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-kiweio)}:where(:root) .bricks-color-light {color: var(--bricks-color-moouqo)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-moouqo)}:where(:root) * {border-color: var(--bricks-color-moouqo)} html {font-size: 100%} body {font-size: 1.1rem; font-family: "Kanit"; text-wrap: pretty} h1 {font-family: "Kanit"; font-style: italic; font-weight: 700} h2 {font-weight: 700; font-family: "Kanit"; font-style: normal} h3 {color: var(--bricks-color-moouqo); font-family: "Kanit"; font-size: 1.4rem; font-weight: 700; font-style: italic} h4 {font-size: 1.1rem; font-family: "Kanit"; font-weight: 700; font-style: italic} h6 {font-family: "Kanit"} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-moouqo)} .bricks-button {color: var(--bricks-color-vlmsam); font-weight: 700; text-align: center; font-size: 16px; text-transform: uppercase; border-radius: 50px; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-moouqo); font-size: 1rem; border-radius: 25px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-kiweio)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-vlmsam); text-align: center; text-transform: uppercase; font-size: 1rem; border-radius: 50px} :root .bricks-button[class*="dark"] {color: var(--bricks-color-vlmsam); font-size: 1rem; border: 2px solid var(--bricks-color-moouqo)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-moouqo)} :root .bricks-button[class*="primary"].outline {border: 2px solid var(--bricks-color-moouqo)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-moouqo)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-kiweio)} :root .bricks-button[class*="dark"]:hover {border: 2px solid var(--bricks-color-moouqo); color: var(--bricks-color-vlmsam)} .brxe-section {padding-right: 20px; padding-left: 20px; max-width: 1280px}.brxe-nav-menu .bricks-nav-menu .current-menu-item > a {font-family: "Kanit"; font-weight: 700}.brxe-nav-menu .bricks-nav-menu .current-menu-item > .brx-submenu-toggle {font-family: "Kanit"; font-weight: 700}.brxe-nav-menu .bricks-nav-menu > li > a {font-family: "Kanit"}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-family: "Kanit"} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brx-popup-content {max-width: 1400px}