.top-bar {
  position: relative;
  z-index: 1;
}

.top-bar__wrapper {
  font-size: 14px;
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-xs, 1);
}

.top-bar__wrapper--padding-top {
  padding-top: var(--padding-top-mobile, 0);
}

.top-bar__wrapper--padding-bottom {
  padding-bottom: var(--padding-bottom-mobile, 0);
}

.top-bar__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 10px;
  align-items: center;
}

.top-bar__text {
  text-align: center;
}

.top-bar__text a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}

.top-bar__text a:hover {
  color: inherit;
  text-decoration: underline;
}

.top-bar__menu-list {
  text-align: right;
  margin: 0 -5px;
}

.top-bar__menu-link:hover {
  text-decoration: underline;
}

.top-bar__menu-item {
  display: inline-flex;
  padding: 0 5px;
}

.top-bar__info,
.top-bar__menu {
  display: none;
}

.top-bar .fa,
.top-bar .far {
  margin: 0 13px 0 0;
  max-width: 25px;
}

.palette-one.top-bar__wrapper {
  color: var(--color-primary, #0B1A26);
  background: var(--background-primary, #FFF);
}

.palette-two.top-bar__wrapper {
  color: var(--color-primary-2, #FFF);
  background: var(--background-primary-2, #0B1A26);
}

.palette-three.top-bar__wrapper {
  color: var(--color-primary-3, #0B1A26);
  background: var(--background-primary-3, #F4B841);
}

@media (width >= 992px) {
  .top-bar__wrapper--padding-top {
    padding-top: var(--padding-top, 0);
  }

  .top-bar__wrapper--padding-bottom {
    padding-bottom: var(--padding-bottom, 0);
  }

  .top-bar__container {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .top-bar__text:not(.top-bar__message) {
    padding: 0 10px;
  }

  .top-bar__info,
  .top-bar__menu {
    display: flex;
    align-items: center;
  }

  .top-bar__menu {
    justify-content: flex-end;
  }
}

@media (width >= 1100px) {
  .top-bar__container {
    grid-template-columns: 1fr 55% 1fr;
  }
}