.region-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: start;
  row-gap: 3.75cqh;
  width: max-content;
  height: 100%;
  padding: 7.5cqh 3.25cqh 0;
}

body.path-frontpage .region-header {
  margin: 0 auto;
}

.region-content {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.region-footer {
  position: relative;
  display: flex;
  gap: 0.75rem 1.5rem;
}
.region-footer::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.5rem;
  right: 0;
  left: 0;
  border-top: 1.5px solid var(--color-dark-grey);
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  clip-path: polygon(0 0, 0 3px, 10% 2px, 30% 3px, 65% 1px, 100% 2px, 100% 0, 85% 0px, 50% 0px, 20% 1px);
}
.region-footer .block-system-branding-block {
  grid-row: 1/3;
}
.region-footer .block-system-branding-block .site-logo {
  max-height: 13.5vh;
  margin-left: 2.25vh;
}
.region-footer #block-tallorders-mainnavigation {
  flex-grow: 1;
  position: relative;
}
.region-footer .menu--main__toggle {
  display: none;
}
.region-footer .menu {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  margin: 0;
}
.region-footer .menu li {
  position: relative;
  margin: 0;
  line-height: 1;
}
.region-footer .menu li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0.375rem;
  right: -0.75rem;
  bottom: 0.375rem;
  border-right: 2px solid var(--color-secondary);
}
.region-footer .menu li a {
  font-family: var(--font-amatic);
  line-height: 1;
  color: var(--color-primary);
  text-decoration: none;
}
.region-footer .menu li a:hover {
  color: var(--color-dark-grey);
}
.region-footer .copyright {
  grid-column: 2;
  font-family: var(--font-amatic);
  font-weight: bold;
  line-height: 1 !important;
  color: var(--color-charcoal);
}