.header {
  width: 100%;
  background-color: var(--header-bg, transparent);
}
.header-inside {
  position: relative;
}
.header-top::after, .header-columns::after, .header-bottom::after {
  display: block;
  clear: both;
  content: "";
}
.header-columns {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.header-columns-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.region-header-top, .region-header-bottom {
  margin: auto;
}
.region-header-left, .region-header-middle, .region-header-right {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.region-header-left {
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 0;
}
.region-header-middle {
  justify-content: center;
}
.region-header-right {
  justify-content: flex-end;
}