.brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} html {background-color: var(--bg-body); background-image: url(https://cbys.nmsdev.site/wp-content/uploads/big-flag-5-2024x2024.png); background-repeat: no-repeat; background-size: 150%; background-position: -400px 1vh} body {background: none} html:hover {background-image: url(https://cbys.nmsdev.site/wp-content/uploads/big-flag-5-2024x2024.png); background-repeat: no-repeat; background-position: 50% 700; background-size: 150%; background-attachment: scroll} body:hover {background: none} body {font-size: var(--text-s); color: var(--text-body)} h1, h2, h3, h4, h5, h6 {color: var(--primary); font-family: "Dancing Script"; font-weight: 500} h1 {font-size: var(--text-2xl)} h2 {font-size: var(--text-xl)} h3 {font-size: var(--text-l)} h4 {font-size: var(--text-m)} h5 {font-size: var(--text-s)} h6 {font-size: var(--text-xs)} body.bricks-is-frontend :focus-visible {outline: 2px dotted var(--dark)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px dotted var(--dark); }} blockquote {margin-top: var(--space-xs); margin-bottom: var(--space-xs); padding-left: var(--space-m); border-left: 4px solid var(--primary); font-size: var(--text-l)} :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, :where(a.brxe-text-link):not(nav a.brxe-text-link) {color: var(--primary); text-decoration: underline; transition: all .3s ease} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover, :where(a.brxe-text-link):not(nav a.brxe-text-link):hover {color: var(--primary-l-1)} .brxe-section {padding-top: var(--space-2xl); padding-right: var(--space-m); padding-bottom: var(--space-2xl); padding-left: var(--space-m)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) * {border-color: var(--border)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-muted {color: var(--muted)}:where(:root) .bricks-background-muted {background-color: var(--muted)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .bricks-button {transition: all .3s ease; white-space: pre; border: 1px solid transparent} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--dark-t-1)} :root .bricks-button[class*="primary"] {border-color: var(--primary); color: var(--light)} :root .bricks-button[class*="primary"].outline {color: var(--primary); border-color: var(--primary)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary); color: var(--light)} :root .bricks-button[class*="secondary"].outline {border-color: var(--secondary); color: var(--secondary)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--secondary); color: var(--light)} :root .bricks-button[class*="secondary"] {color: var(--light)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--always-dark)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--always-light); color: var(--always-dark)} :root .bricks-button[class*="dark"] {color: var(--always-light)} :root .bricks-button[class*="dark"].outline {color: var(--always-dark); border-color: var(--always-dark)} :root .bricks-button[class*="dark"].outline:hover {background-color: var(--always-dark); color: var(--always-light)} :root .bricks-button[class*="info"].outline:hover {background-color: var(--info); color: var(--always-dark)} :root .bricks-button[class*="success"].outline:hover {background-color: var(--success); color: var(--always-light)} :root .bricks-button[class*="warning"] {color: var(--always-dark); border-color: var(--warning)} :root .bricks-button[class*="warning"].outline {color: var(--warning)} :root .bricks-button[class*="warning"].outline:hover {background-color: var(--warning); color: var(--always-dark)} :root .bricks-button[class*="danger"].outline:hover {background-color: var(--danger); color: var(--always-light)} :root .bricks-button[class*="info"] {border-color: var(--info); color: var(--always-dark)} :root .bricks-button[class*="success"] {border-color: var(--success); color: var(--light)} :root .bricks-button[class*="danger"] {border-color: var(--danger); color: var(--light)} :root .bricks-button[class*="muted"] {border-color: var(--border); color: var(--dark)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--muted)} :root .bricks-button[class*="muted"]:not(.outline):hover {background-color: color-mix(in hsl, var(--muted), transparent 50%)} :root .bricks-button[class*="muted"].outline:hover {background-color: var(--muted)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--always-light)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--always-dark)} .bricks-button.outline:hover {background-color: var(--dark-t-1)} :root .bricks-button[class*="info"]:not(.outline):hover {background-color: color-mix(in hsl, var(--info), transparent 20%)} :root .bricks-button[class*="info"].outline {color: var(--info)} :root .bricks-button[class*="success"]:not(.outline):hover {background-color: color-mix(in hsl, var(--success), transparent 20%)} :root .bricks-button[class*="warning"]:not(.outline):hover {background-color: color-mix(in hsl, var(--warning), transparent 20%)} :root .bricks-button[class*="danger"]:not(.outline):hover {background-color: color-mix(in hsl, var(--danger), transparent 20%)} :root .bricks-button[class*="success"].outline {color: var(--success)} :root .bricks-button[class*="danger"].outline {color: var(--danger)} .bricks-button.outline {border-color: var(--border)} :root .bricks-button[class*="muted"].outline {border-color: var(--muted)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-d-1)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-d-1)} :root .bricks-button[class*="light"].outline {border-color: var(--always-light); color: var(--always-light)}.brxe-alert {padding-top: var(--space-2xs); padding-right: var(--space-s); padding-bottom: var(--space-2xs); padding-left: var(--space-s); border: 1px solid var(--primary); color: var(--primary)}.brxe-alert.info {border-color: var(--info); background-color: color-mix(in hsl, var(--info), transparent 85%); color: color-mix(in hsl, var(--info), var(--dark) 10%)}.brxe-alert.success {border-color: var(--success); background-color: color-mix(in hsl, var(--success), transparent 85%); color: color-mix(in hsl, var(--success), var(--dark) 50%)}.brxe-alert.warning {border-color: var(--warning); background-color: color-mix(in hsl, var(--warning), transparent 85%); color: color-mix(in hsl, var(--warning), var(--dark) 50%)}.brxe-alert.danger {border-color: var(--danger); color: color-mix(in hsl, var(--danger), var(--dark) 50%); background-color: color-mix(in hsl, var(--danger), transparent 85%)}.brxe-alert.muted {border-color: var(--muted); background-color: var(--muted); color: var(--text-body)}.brxe-divider.horizontal .line {border-top-color: var(--border)}.brxe-divider.vertical .line {border-right-color: var(--border)}.brxe-divider .icon i {color: var(--border)}.brxe-form .form-group input {border: 1px solid var(--border); color: var(--text-body); background-color: var(--dark-t-1)}.brxe-form .flatpickr {border: 1px solid var(--border); background-color: var(--dark-t-1)}.brxe-form select {border: 1px solid var(--border); color: var(--text-body); color: var(--dark-t-3); background-color: var(--dark-t-1)}.brxe-form textarea {border: 1px solid var(--border); color: var(--text-body); background-color: var(--dark-t-1)}.brxe-form .bricks-button {border: 1px solid var(--border)}.brxe-form .choose-files {border: 1px solid var(--border)}.brxe-form ::placeholder {color: var(--dark-t-3)}.brxe-form .form-group input:hover {background-color: transparent}.brxe-form .flatpickr:hover {background-color: transparent}.brxe-form select:hover {background-color: transparent}.brxe-form textarea:hover {background-color: transparent}.brxe-form .form-group input:focus {border: 1px solid var(--primary)}.brxe-form .flatpickr:focus {border: 1px solid var(--primary)}.brxe-form select:focus {border: 1px solid var(--primary)}.brxe-form textarea:focus {border: 1px solid var(--primary)}.brxe-form .bricks-button:focus {border: 1px solid var(--primary)}.brxe-form .choose-files:focus {border: 1px solid var(--primary)}.brxe-icon-box .icon i {font-size: var(--text-2xl)}.brxe-icon-box .content {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); background-color: var(--bg-surface)}.brxe-icon-box .icon {padding-top: var(--space-m); padding-right: var(--space-m); padding-left: var(--space-m); border-top: 1px solid var(--border); border-right: 1px solid var(--border); border-left: 1px solid var(--border); min-width: 100%; background-color: var(--bg-surface)}.brxe-post-meta .separator {width: var(--space-m)}.brxe-pricing-tables .pricing-table {background-color: var(--bg-surface)}.brxe-pricing-tables .pricing-table-header {background-color: var(--dark-t-4)}.brxe-pricing-tables .pricing-table-price-prefix {color: var(--dark)}.brxe-pricing-tables .pricing-table-price {color: var(--dark)}.brxe-pricing-tables .pricing-table-price-suffix {color: var(--dark)}.brxe-progress-bar .bar span {background-color: var(--primary)}.brxe-progress-bar .bar {background-color: var(--primary-t-2); height: 10px}.brxe-progress-bar .label {color: var(--text-title)}.brxe-progress-bar .percentage {color: var(--text-title)}.brxe-search input[type=search] {background-color: var(--dark-t-3); border: 1px solid var(--border)}.brxe-search button {color: var(--dark)}.brxe-search input[type=search]:hover {background-color: rgba(0, 0, 0, 0)}.brxe-sidebar input[type=search] {background-color: var(--dark-t-3)}.brxe-sidebar input[type=search]:hover {background-color: rgba(0, 0, 0, 0)}.brxe-slider .title {color: var(--text-title)}.brxe-slider .content {color: var(--text-body)}h1,h2,h3,h4,h5,h6, figure {margin: 0;}