.brxe-container {width: 100%; column-gap: var(--content-gap); row-gap: var(--content-gap)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}.brxe-list .separator {display: none} .brxe-section {padding-top: var(--section-padding); padding-right: var(--section-padding); padding-bottom: var(--section-padding); padding-left: var(--section-padding); column-gap: var(--section-padding); row-gap: var(--section-padding)} body {font-size: var(--text-body)} .bricks-button {transition: all ease 0.4s} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--color-primary)}.brxe-divider.horizontal .line {border-top-color: var(--color-primary)}.brxe-divider.vertical .line {border-right-color: var(--color-primary)}.brxe-divider .icon i {color: var(--color-primary)}.brxe-image-gallery {--gutter: var(--space-m)}.brxe-nav-menu .bricks-nav-menu > li {margin-left: 0}:where(:root) .bricks-color-primary {color: var(--color-primary)}:where(:root) .bricks-background-primary {background-color: var(--color-primary)}:where(:root) .bricks-color-secondary {color: var(--color-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--color-secondary)}:where(:root) .bricks-color-light {color: var(--color-bg-light)}:where(:root) .bricks-background-light {background-color: var(--color-bg-light)}:where(:root) .bricks-color-dark {color: var(--color-bg-dark)}:where(:root) .bricks-background-dark {background-color: var(--color-bg-dark)}:where(:root) .bricks-color-success {color: var(--color-success)}:where(:root) .bricks-background-success {background-color: var(--color-success)}:where(:root) .bricks-color-danger {color: var(--color-error)}:where(:root) .bricks-background-danger {background-color: var(--color-error)}:where(:root) .bricks-color-warning {color: var(--color-warning)}:where(:root) .bricks-background-warning {background-color: var(--color-warning)}.brxe-alert.success {background-color: var(--color-success); color: var(--color-text-light)}.brxe-alert.warning {background-color: var(--color-warning); color: var(--color-text-light)}.brxe-alert.danger {background-color: var(--color-error); color: var(--color-text-light)} .brxe-block {column-gap: var(--content-gap); row-gap: var(--content-gap)} .brxe-div {column-gap: var(--content-gap); row-gap: var(--content-gap); display: flex; flex-direction: column}@media (max-width: 767px) { .brxe-div {flex-direction: column; width: 100%}}