.brxe-container {flex-direction: row; width: 100%; padding-right: var(--space-l); padding-left: var(--space-l); max-width: calc(1600px + (var(--clamp-xl) * 2))} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: calc(1600px + (var(--clamp-xl) * 2))}:where(:root) .bricks-color-primary {color: var(--bricks-color-vpesue)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-vpesue)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-boncag)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-boncag)}:where(:root) .bricks-color-light {color: var(--bricks-color-mbffde)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-mbffde)}:where(:root) .bricks-color-dark {color: var(--bricks-color-wfrnus)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-wfrnus)} html {background-color: var(--bricks-color-tinvft)} body {background: none} html {font-size: 100%} body {font-size: 1.125rem; font-weight: 400; font-family: "Inter"; color: var(--bricks-color-boncag); line-height: 1.6; white-space: normal; text-wrap: pretty} h1, h2, h3, h4, h5, h6 {text-transform: uppercase; color: var(--bricks-color-boncag); font-family: "Archivo"; font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; text-wrap: balance} h1 {font-size: 4.5rem; margin-top: 0.2em; margin-bottom: 0.4em} h2 {font-size: 3rem; margin-top: 0.9em; margin-bottom: 0.36em} h3 {font-size: 2.25rem; margin-top: 1.1em; margin-bottom: 0.3em} h4 {font-size: 1.75rem; margin-top: 1.15em; margin-bottom: 0.25em} h5 {font-size: 1.25rem; margin-top: 1.18em; margin-bottom: 0.18em} h6 {font-size: 1.125rem; margin-top: 1.18em; margin-bottom: 0.15em} #brx-content {margin-top: var(--clamp-section-half); margin-bottom: var(--clamp-section)} .content-area {margin-top: var(--clamp-section-half); margin-bottom: var(--clamp-section)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-vpesue)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-boncag); border-width: 2px; border-color: var(--bricks-color-vpesue)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #bc005e} :root .bricks-button[class*="primary"].outline {background-color: rgba(0, 0, 0, 0); color: var(--bricks-color-vpesue); border: 2px solid var(--bricks-color-vpesue)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--bricks-color-vpesue); color: var(--bricks-color-boncag); border-color: #e2007a} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-tinvft); border-width: 2px; border-color: var(--bricks-color-boncag)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-boncag)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-170fd1)} :root .bricks-button[class*="secondary"].outline {color: var(--bricks-color-boncag); background-color: rgba(0, 0, 0, 0); border: 2px solid var(--bricks-color-boncag)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--bricks-color-boncag); color: var(--bricks-color-tinvft); border-color: #ffffff} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-batdog)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-boncag); border-width: 2px; border-color: var(--bricks-color-batdog)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-stldii)} :root .bricks-button[class*="light"].outline {color: var(--bricks-color-boncag); background-color: rgba(0, 0, 0, 0); border-color: var(--bricks-color-stldii)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--bricks-color-batdog); border-color: var(--bricks-color-batdog)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-tinvft)} :root .bricks-button[class*="dark"] {color: var(--bricks-color-boncag); border-width: 2px; border-color: var(--bricks-color-tinvft)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-batdog)} :root .bricks-button[class*="dark"].outline {color: var(--bricks-color-boncag); background-color: rgba(0, 0, 0, 0); border: 2px solid var(--bricks-color-tinvft)} :root .bricks-button[class*="dark"].outline:hover {background-color: #282828; border-color: #282828} .bricks-button.xl {font-size: 1.25rem; padding-top: 1.375rem; padding-right: 2.5rem; padding-bottom: 1.375rem; padding-left: 2.5rem} .bricks-button.lg {font-size: 1.125rem; padding-top: 1.125rem; padding-right: 2rem; padding-bottom: 1.125rem; padding-left: 2rem} .bricks-button.md {padding-top: 0.875rem; padding-right: 1.5rem; padding-bottom: 0.875rem; padding-left: 1.5rem} .bricks-button.sm {font-size: 0.9rem; padding-top: 0.6875rem; padding-right: 1.125rem; padding-bottom: 0.6875rem; padding-left: 1.125rem} .bricks-button {padding-top: 0.875rem; padding-right: 1.5rem; padding-bottom: 0.875rem; padding-left: 1.5rem; transition: background-color 0.18s cubic-bezier(0.4,0,0.2,1), color 0.18s cubic-bezier(0.4,0,0.2,1), border-color 0.18s cubic-bezier(0.4,0,0.2,1), box-shadow 0.18s cubic-bezier(0.4,0,0.2,1); border: 2px solid var(--bricks-border-color)} :root .bricks-button[class*="primary"]:hover {border-color: #bc005e} :root .bricks-button[class*="secondary"]:hover {border-color: #e0e0e0} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border-color: #353535} :root .bricks-button[class*="dark"]:hover {border-color: #282828} :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 {color: var(--bricks-color-vpesue); border-bottom: 1px solid var(--bricks-color-vpesue)}.brxe-form .form-group input {background-color: var(--bricks-color-117d54); padding-top: 0.75em; padding-right: 1em; padding-bottom: 0.75em; padding-left: 1em; border: 1.5px solid #242424; border-radius: 8px; color: var(--bricks-color-boncag)}.brxe-form .flatpickr {background-color: var(--bricks-color-117d54); padding-top: 0.75em; padding-right: 1em; padding-bottom: 0.75em; padding-left: 1em; border: 1.5px solid #242424; border-radius: 8px}.brxe-form select {background-color: var(--bricks-color-117d54); padding-top: 0.75em; padding-right: 1em; padding-bottom: 0.75em; padding-left: 1em; border: 1.5px solid #242424; border-radius: 8px; color: var(--bricks-color-boncag); color: var(--bricks-color-898f48); font-style: italic}.brxe-form textarea {background-color: var(--bricks-color-117d54); padding-top: 0.75em; padding-right: 1em; padding-bottom: 0.75em; padding-left: 1em; border: 1.5px solid #242424; border-radius: 8px; color: var(--bricks-color-boncag)}.brxe-form .bricks-button {border: 1.5px solid #242424; border-radius: 8px}.brxe-form .choose-files {border: 1.5px solid #242424; border-radius: 8px}.brxe-form .form-group label {font-size: 1em; text-transform: none; letter-spacing: 0.01em; color: var(--bricks-color-boncag)}.brxe-form .form-group .label {font-size: 1em; text-transform: none; letter-spacing: 0.01em; color: var(--bricks-color-boncag)}.brxe-form .form-group {padding-bottom: 1.4em}.brxe-form ::placeholder {color: var(--bricks-color-898f48); font-style: italic}.brxe-form .form-group input:focus {border: 1.5px solid #666666}.brxe-form .flatpickr:focus {border: 1.5px solid #666666}.brxe-form select:focus {border: 1.5px solid #666666}.brxe-form textarea:focus {border: 1.5px solid #666666}.brxe-form .bricks-button:focus {border: 1.5px solid #666666}.brxe-form .choose-files:focus {border: 1.5px solid #666666}.brxe-form .form-group input:hover {border-color: #666666}.brxe-form .flatpickr:hover {border-color: #666666}.brxe-form select:hover {border-color: #666666}.brxe-form textarea:hover {border-color: #666666}.brxe-form .bricks-button:hover {border-color: #666666}.brxe-form .choose-files:hover {border-color: #666666}@media (max-width: 767px) { h1 {font-size: 2.5rem} h2 {font-size: 2rem} h3 {font-size: 1.5rem} h4 {font-size: 1.25rem}}