/* social media menu */
.menu.menu--social-media {
  justify-content: space-between;
}

.menu--social-media a {
  border-radius: 100%;
  border: 1px solid;
  flex-direction: column;
  justify-content: center;
  width: 3rem;
  height: 3rem;
}

/* Make the menu item title visually hidden */
.menu--social-media .menu-item__title {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.menu.menu--social-media a svg {
  height: 1.5rem;
  width: auto;
}

@media all and (min-width: 480px) {
  .menu.menu--social-media {
    justify-content: flex-start;
    gap: 2rem;
  }
}

.off-canvas .menu--social-media {
  flex-direction: row !important;
  justify-content: space-between;
}

.off-canvas .menu--social-media .menu-item {
  width: auto;
}

.off-canvas .menu--social-media svg path {
  fill: white;
}

.off-canvas .menu--social-media a {
  width: 2rem;
  height: 2rem;
}