:where(:root) .bricks-color-secondary {color: var(--bricks-color-xrzdpv)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-xrzdpv)}:where(:root) * {border-color: var(--bricks-color-qvkgem)}:where(:root) .bricks-color-light {color: var(--bricks-color-mlxrbo)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-mlxrbo)}:where(:root) .bricks-color-dark {color: var(--bricks-color-ntdjdh)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-ntdjdh)}:where(:root) .bricks-color-muted {color: var(--bricks-color-sowirs)}:where(:root) .bricks-background-muted {background-color: var(--bricks-color-sowirs)}:where(:root) .bricks-color-info {color: var(--bricks-color-xrzdpv)}:where(:root) .bricks-background-info {background-color: var(--bricks-color-xrzdpv)}:where(:root) .bricks-color-success {color: #98e024}:where(:root) .bricks-background-success {background-color: #98e024}:where(:root) .bricks-color-warning {color: #c31313}:where(:root) .bricks-background-warning {background-color: #c31313}:where(:root) .bricks-color-danger {color: #fa0000}:where(:root) .bricks-background-danger {background-color: #fa0000}:where(:root) .bricks-color-primary {color: var(--bricks-color-chcwcc)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-chcwcc)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a, .jet-listing-dynamic-link__link {color: var(--bricks-color-ntdjdh)} body {font-size: 1.8rem; color: var(--bricks-color-mlxrbo); font-family: "Helvetica"; font-weight: 300; letter-spacing: 0.5px; line-height: 1.6} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-chcwcc); font-size: 3rem; line-height: 1.4; font-weight: 500; letter-spacing: 0.4rem} h1 {font-size: 4rem; font-weight: 600; font-family: "Noto Sans TC"; line-height: 1.4; letter-spacing: 0px} h2 {font-size: 3rem; font-weight: 600; font-family: "Noto Sans TC"; line-height: 1.4; letter-spacing: 1.2px} h3 {font-size: 2.6rem; font-family: "Noto Sans TC"; font-weight: 600; letter-spacing: 1.2px} h4 {font-size: 2.5rem; font-weight: 600; font-family: "Noto Sans TC"; letter-spacing: 1.2px} h5 {font-size: 3rem; font-family: "Noto Sans TC"; font-weight: 600} h6 {font-size: 1.8rem; font-weight: 600; font-family: "Noto Sans TC"} .brxe-container {width: 68vw; row-gap: 2.4rem; column-gap: 2.4rem; padding-top: 16rem; padding-bottom: 16rem; margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 68vw} #brx-content.wordpress {width: 68vw} .bricks-button {font-size: 2rem; color: var(--bricks-color-bfdbzi); font-weight: 500; transition: all ease .3s; padding-top: 1.2rem; padding-right: 1.2rem; padding-bottom: 1.2rem; padding-left: 1.2rem; border-radius: .6rem} :root .bricks-button[class*="primary"] {color: var(--bricks-color-bfdbzi); font-size: 2rem; border-radius: .6rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-ntdjdh)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-bfdbzi)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-tnqekq)} :root .bricks-button[class*="dark"] {font-size: 2rem; color: var(--bricks-color-bfdbzi); font-weight: 500; letter-spacing: 0.2rem; border: 0.1rem solid var(--bricks-color-bfdbzi); border-radius: .6rem} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-chcwcc)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border: 0.1rem solid var(--bricks-color-chcwcc); border-radius: .6rem; font-size: 1.6rem; color: var(--bricks-color-bfdbzi); font-weight: 500} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-bfdbzi)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-chcwcc); font-weight: 500; font-size: 1.6rem; border-radius: .6rem} .bricks-button.lg {padding-top: 1rem; padding-right: .6rem; padding-bottom: 1rem; padding-left: .6rem} .bricks-button.md {padding-top: 0.8rem; padding-right: 0.6rem; padding-bottom: 0.8rem; padding-left: 0.6rem} .bricks-button.sm {padding-top: 1.2rem; padding-right: 1.6rem; padding-bottom: 1.2rem; padding-left: 1.6rem} .bricks-button:hover {color: var(--bricks-color-bfdbzi)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-chcwcc); border: 0.1rem solid var(--bricks-color-bfdbzi)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-ntdjdh)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-bfdbzi); border: 0.1rem solid var(--bricks-color-ntdjdh)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-ntdjdh)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-bfdbzi); border: 0.1rem solid var(--bricks-color-ntdjdh)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-ntdjdh)} :root .bricks-button[class*="dark"]:hover {color: var(--bricks-color-bfdbzi); border: 0.1rem solid var(--bricks-color-ntdjdh)} html {background-position: center center; background-size: auto; background-attachment: fixed; background-repeat: repeat; background-image: url(https://savagesbarber.com/wp-content/uploads/2024/09/savagesbarber_BG.png)} body {background: none} .brxe-div {display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 2.4rem; row-gap: 2.4rem} #brx-content {margin-top: 6rem; margin-bottom: 6rem} .content-area {margin-top: 6rem; margin-bottom: 6rem}.woocommerce-notices-wrapper .woocommerce-error a, .woocommerce-NoticeGroup .woocommerce-error a.button {padding-top: .8rem; padding-right: 1.2rem; padding-bottom: .8rem; padding-left: 1.2rem; margin-left: 2rem}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {padding-top: 1.6rem; padding-right: 1.6rem; padding-bottom: 1.6rem; padding-left: 1.6rem; border-left: .6rem solid var(--bricks-color-zbbbyk); border-radius: .4rem; font-size: 1.6rem; line-height: 1.5}.woocommerce-notices-wrapper .woocommerce-message a, .woocommerce-NoticeGroup .woocommerce-message a.button {padding-top: .8rem; padding-right: 1.2rem; padding-bottom: .8rem; padding-left: 1.2rem; border-radius: .4rem; margin-left: 2rem}.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-info {padding-top: 1.6rem; padding-right: 1.6rem; padding-bottom: 1.6rem; padding-left: 1.6rem; border-left: .6rem solid var(--bricks-color-psaobs); font-size: 1.6rem; line-height: 1.5}.woocommerce-notices-wrapper .woocommerce-info a, .woocommerce-NoticeGroup .woocommerce-info a.button, .woocommerce-info a, .woocommerce-info a.button {margin-left: 2rem; padding-top: .8rem; padding-right: 1.2rem; padding-bottom: .8rem; padding-left: 1.2rem; background-color: var(--bricks-color-psaobs); border-left-width: 0; border-radius: .4rem; color: var(--bricks-color-bfdbzi); text-align: center; text-decoration: none; line-height: 1.5}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {border-left: .6rem solid var(--bricks-color-lypwtl)}.brx-popup {justify-content: flex-end; align-items: center} .brx-popup-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: rgba(255, 255, 255, 0)}.brx-infobox-popup::after {border-top-color: rgba(255, 255, 255, 0)}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button {padding-top: 0.8rem; padding-right: 0.8rem; padding-bottom: 0.8rem; padding-left: 0.8rem; background-color: var(--bricks-color-ntdjdh); color: var(--bricks-color-bfdbzi); font-size: 1.6rem; font-weight: 500; letter-spacing: 0px; border: 0.1rem solid var(--bricks-color-ntdjdh)}.woocommerce .button:hover, body:not(.woocommerce) .product_type_variable:hover, body:not(.woocommerce) .product_type_grouped:hover, body:not(.woocommerce) .product_type_external:hover, body:not(.woocommerce) .product_type_simple:hover, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button:hover {background-color: var(--bricks-color-bfdbzi); border: 0.1rem solid var(--bricks-color-bfdbzi); color: var(--bricks-color-mlxrbo)}.brxe-nav-menu .bricks-nav-menu .sub-menu a {padding-top: 0; padding-bottom: 0}.brxe-nav-menu .bricks-nav-menu .sub-menu button {padding-top: 0; padding-bottom: 0}@media (max-width: 1600px) { .brxe-container {width: 90vw} .woocommerce main.site-main {width: 90vw} #brx-content.wordpress {width: 90vw} .brx-popup-content {width: 100%}}@media (max-width: 1200px) { h1 {font-size: 2.8rem} h2 {font-size: 2.8rem} h3 {font-size: 2.4rem} h6 {font-size: 1.8rem} h5 {font-size: 1.8rem} h4 {font-size: 2rem} body {font-size: 1.6rem} .brxe-container {width: 90vw; padding-top: 10rem; padding-bottom: 10rem} .woocommerce main.site-main {width: 90vw} #brx-content.wordpress {width: 90vw} .bricks-button {font-size: 1.6rem} :root .bricks-button[class*="primary"] {font-size: 1.6rem} :root .bricks-button[class*="secondary"] {font-size: 1.6rem} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: 1.6rem} :root .bricks-button[class*="dark"] {font-size: 1.6rem} #brx-content {margin-top: 4rem; margin-bottom: 4rem} .content-area {margin-top: 4rem; margin-bottom: 4rem}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {font-size: 1.4rem}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {font-size: 1.4rem}.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-info {font-size: 1.4rem} .brx-popup-content {width: 100%}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button {padding-right: 3rem; padding-left: 3rem}}@media (max-width: 767px) { body {font-size: 1.5rem} .brxe-container {width: 90vw; padding-top: 6rem; padding-right: 3rem; padding-bottom: 6rem; padding-left: 3rem} .woocommerce main.site-main {width: 90vw} #brx-content.wordpress {width: 90vw} .bricks-button {font-size: 1.4rem} .brx-popup-content {width: 100%}}@media (max-width: 478px) { h1 {font-size: 2.8rem} body {letter-spacing: .2rem} h2 {font-size: 2.6rem; letter-spacing: 0px} h3 {letter-spacing: 0px} h4 {letter-spacing: 0px} .brxe-container {width: 100vw; column-gap: 1.2rem; row-gap: 1.2rem; padding-top: 3rem; padding-right: 1.6rem; padding-bottom: 3rem; padding-left: 1.6rem} .woocommerce main.site-main {width: 100vw} #brx-content.wordpress {width: 100vw} .bricks-button {padding-top: .4rem; padding-right: 1.2rem; padding-bottom: .4rem; padding-left: 1.2rem} .brxe-div {flex-direction: column; column-gap: 12px; row-gap: 12px}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {font-size: 1.2rem; padding-top: .8rem; padding-right: .8rem; padding-bottom: .8rem; padding-left: .8rem}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {font-size: 1.2rem; padding-top: .8rem; padding-right: .8rem; padding-bottom: .8rem; padding-left: .8rem}.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-info {font-size: 1.2rem; padding-top: .8rem; padding-right: .8rem; padding-bottom: .8rem; padding-left: .8rem} .brx-popup-content {width: 100%; padding-right: 0; padding-left: 0}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button {font-size: 1.4rem}}