html {
  scroll-behavior: smooth;
}

img {
    object-fit: cover;
}

a {
    transition: all 0.3s ease-in-out;
} 
a:hover {
    color: var(--brown);
}

.brxe-button {
    min-width: 140px;
}

#brx-footer {
    position: relative;
    z-index: 3;
}

:where(p) {
    margin-block-end: 1.2em;
}
:where(p:last-child) {
    margin-bottom: 0px;
}
:where(p:first-child) {
    margin-top: 0px;
}

p a,
.brxe-text-basic a {
    text-decoration: underline;
}

.brxe-text-basic > * {
    margin-bottom: 1.2em;
}
.brxe-text-basic > *:last-child {
    margin-bottom: 0px;
}
.brxe-text-basic > *:first-child {
    margin-top: 0px;
}

.brxe-text-basic ul,
.brxe-text-basic ol {
    display: flex;
    flex-direction: column;
    list-style: disc;
    padding-left: 20px;
}
.brxe-text-basic ol {
    list-style: list;
}
/*======== POPUP ========*/
.brx-popup.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.brx-popup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: all 0.4s ease-in-out !important;
}
.brx-popup .brx-popup-backdrop {
    transition: 0s !important;
}

/*===== COOKIE BAR =====*/
.cookie-notice-container .cn-button {
    color: black !important;
}

.cookie-notice-container .cn-close-icon {
    opacity: 1 !important;
}

.cookie-notice-container .cn-close-icon:after, .cn-close-icon:before {
    background: white !important;
}

/*======= HEADER =======*/

.mm .brx-offcanvas-inner, 
.mm .brx-offcanvas-backdrop {
    transition: all 0.4s ease-in-out !important;
}

.mm .brx-offcanvas-inner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.mm.brx-open .brx-offcanvas-inner {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mm .brx-offcanvas-inner {
    transform: none !important;
}

/*====== MENU TABS ======*/
.menu-tab.active {
    color: var(--black) !important;
}
.menu-tab.active::before {
   transform: scaleX(1); 
}

.nested-tab.active {
    color: var(--black) !important;
}
.nested-tab.active::before {
    opacity: 1;
}

.menu-tabs__panel,
.nested-tab__content {
    display: none !important;
}

.menu-tabs__panel.active,
.nested-tab__content.active {
    display: flex !important;
}

body.logged-in .brx-body .menu-tabs__panel,
body.logged-in .brx-body .nested-tab__content {
    display: flex !important;
}