.topbar-section {
  position: relative;
  padding: var(--topbar-top-spacing) var(--topbar-right-spacing) var(--topbar-bottom-spacing) var(--topbar-left-spacing);
}

.topbar-section::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--topbar-background-color);
}

.topbar-section::after {
  background-color: var(--topbar-border-color);
}

.header [data-global-resource-path*="topbar"] {
  max-height: 300px;
  transition: max-height var(--normal-transition) ease-in-out;
  position: relative;
  z-index: 2;
}

.header.header--scrolled [data-global-resource-path*="topbar"] {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
}

.topbar-section .module__menu > .module__inner > .module__menu--title {
  padding-left: var(--topbar-menu-links-left-spacing);
  padding-right: var(--topbar-menu-links-right-spacing);
}

.topbar-section .module__menu .module__menu--list .module__menu--list-item .module__menu--list-item-link, 
.topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu-list-item--button {
  font-size: var(--topbar-menu-links-font-size);
  line-height: var(--topbar-menu-links-line-height);
  font-weight: var(--topbar-menu-links-font-weight);
  padding: var(--topbar-menu-links-top-spacing) var(--topbar-menu-links-right-spacing) var(--topbar-menu-links-bottom-spacing) var(--topbar-menu-links-left-spacing);
}

.topbar-section .module--buttons .button {
  font-size: var(--topbar-menu-links-font-size);
  line-height: var(--topbar-menu-links-line-height);
  min-height: calc(var(--topbar-menu-links-line-height) + var(--button-top-spacing) + var(--button-bottom-spacing));
  min-width: calc(var(--topbar-menu-links-line-height) + var(--button-top-spacing) + var(--button-bottom-spacing));
}

.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list-item-toggle span,
.header.header--scrolled .topbar-section .module__menu .module__menu--list-item-toggle span {
  background-color: var(--topbar-menu-links-background-color);
}

.header:not(.header--scrolled) .topbar-section .module__menu button.module__menu--open-toggle .module__menu--toggle-icon span, 
.header:not(.header--scrolled) .topbar-section .module__menu button.module__menu--close-toggle .module__menu--toggle-icon span,
.header.header--scrolled .topbar-section .module__menu button.module__menu--open-toggle .module__menu--toggle-icon span, 
.header.header--scrolled .topbar-section .module__menu button.module__menu--close-toggle .module__menu--toggle-icon span {
  background-color: var(--topbar-menu-links-text-color);
}

.header:not(.header--scrolled) .topbar-section .module__menu button.module__menu--open-toggle:hover .module__menu--toggle-icon span, 
.header:not(.header--scrolled) .topbar-section .module__menu button.module__menu--close-toggle:hover .module__menu--toggle-icon span,
.header.header--scrolled .topbar-section .module__menu button.module__menu--open-toggle:hover .module__menu--toggle-icon span, 
.header.header--scrolled .topbar-section .module__menu button.module__menu--close-toggle:hover .module__menu--toggle-icon span {
  background-color: var(--topbar-menu-links-text-hover-color);
}

.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1 > .module__menu--list-item-link:not(:hover), 
.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1.module__menu-list-item--button:not(:hover),
.header.header--scrolled .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1 > .module__menu--list-item-link:not(:hover), 
.header.header--scrolled .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1.module__menu-list-item--button:not(:hover) {
  color: var(--topbar-menu-links-text-color);
  background-color: var(--topbar-menu-links-text-background-color);
}

.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1 > .module__menu--list-item-link:hover,
.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1 > .module__menu--list-item-link:active,
.header.header--scrolled .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1 > .module__menu--list-item-link:hover,
.header.header--scrolled .topbar-section .module__menu .module__menu--list .module__menu--list-item.module__menu--list-item-depth-1 > .module__menu--list-item-link:active {
  color: var(--topbar-menu-links-text-hover-color);
  background-color: var(--topbar-menu-links-text-hover-background-color);
}

.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list.module__menu--list-depth-1 > .module__menu--list-item > .module__menu--list-item-link > .module__menu--list-item-toggle,
.header.header--scrolled .topbar-section .module__menu .module__menu--list.module__menu--list-depth-1 > .module__menu--list-item > .module__menu--list-item-link > .module__menu--list-item-toggle {
  border-top: calc(var(--spacing-base) * 1.5) solid var(--topbar-menu-links-text-color);
}

.header:not(.header--scrolled) .topbar-section .module__menu .module__menu--list.module__menu--list-depth-1 > .module__menu--list-item > .module__menu--list-item-link:hover > .module__menu--list-item-toggle,
.header.header--scrolled .topbar-section .module__menu .module__menu--list.module__menu--list-depth-1 > .module__menu--list-item > .module__menu--list-item-link:hover > .module__menu--list-item-toggle {
  border-top: calc(var(--spacing-base) * 1.5) solid var(--topbar-menu-links-text-hover-color);
}


.topbar-section {
  padding: calc(var(--spacing-base)*2) calc(var(--spacing-base)*4);
}
.topbar-section__content {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing-base)*4);
}
.topbar-section__content .widget-type-text {
  color: var(--topbar-scroll-text-color);
  font-size: var(--small-font-size);
  line-height: var(--extra-small-line-height);
  text-align: center;
  max-width: 900px;
}
.topbar-section__content .module--buttons {
  flex: none;
}
.topbar-section__content .module--buttons .button {
  padding: var(--spacing-base) calc(var(--spacing-base)*3);
  min-width: auto;
  min-height: auto;
  font-size: var(--small-font-size);
  line-height: var(--extra-small-line-height);
}
  
@media screen and (max-width: 992px) {
  body:has(.topbar-section) main > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > .dnd-section:first-child {
     padding-top: 140px;
  }
  .topbar-section {
    padding: calc(var(--spacing-base)*2) calc(var(--spacing-base)*3);
  }
  .topbar-section__content {
    gap: calc(var(--spacing-base)*3);
  }
  .topbar-section__content .widget-type-text {
    font-size: var(--extra-small-font-size);
    text-align: left;
    max-height: 48px;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;
  }
  .topbar-section__content ::-webkit-scrollbar { 
    display: none;  /* Older Safari and Chromium */
  }
  .topbar-section__content .module--buttons .button {
    padding: var(--spacing-base) calc(var(--spacing-base)*2);
    font-size: var(--extra-small-font-size);
  }
  header:has(.topbar-section) .header-section .module__menu-list-item--button {
    display: none!important;
  }
}
}