/* mobile bottom navmenu */
div.basel-toolbar > .basel-toolbar-item {
  display: none;
}
div.basel-toolbar {
  overflow: visible !important;
  height: 60px !important;
  justify-content: center;
  border-top: 1px solid var(--border-color);
  background-color: var(--bg-color) !important;
}
div.basel-toolbar div[class^="p-xelem-wrapper-"] a {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
}

/* images */
div.basel-toolbar div[class^="p-xelem-wrapper-"] a img {
  height: 25px;
  width: auto;
}
div.basel-toolbar .p-xelem-content-img {
  line-height: normal;
}

/* fonts and icons */
div.basel-toolbar div[class^="p-xelem-wrapper-"] a.p-xelem-link {
  color: #222;
  font-size: 18px;
  font-weight: 600;
}
div.basel-toolbar span.p-xelem-btn {
  font-size: 11px;
  font-weight: 400;
}
div.basel-toolbar span,
div.basel-toolbar img {
  transition: 0.3s ease;
}
div.basel-toolbar div[class^="p-xelem-wrapper-"]:hover span,
div.basel-toolbar div[class^="p-xelem-wrapper-"]:active span {
  color: var(--border-color);
}
div.basel-toolbar div[class^="p-xelem-wrapper-"]:hover img.p-xelem-img,
div.basel-toolbar div[class^="p-xelem-wrapper-"]:active img.p-xelem-img,
div.basel-toolbar div[class^="p-xelem-wrapper-"]:hover span.p-xelem-fa,
div.basel-toolbar div[class^="p-xelem-wrapper-"]:active span.p-xelem-fa {
  scale: 1.1;
}