/*======================================

  fabiansax.eu
  nav.css for mobile devices

  - defines navigation related styles

=======================================*/
.active-link {
  font-weight: 600;
}

.burger {
  font-family: "SpaceGrotesk";
  font-weight: 600;
  font-size: 3em;
  line-height: 1em;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 2.5vw;
  right: 2.5vw;
  padding: 0;
}

.mobile-site-nav-list {
  max-height: 0;
  overflow: hidden;
}

.site-nav-list li a {
  font-size: 1.5em;
  line-height: 1.5em;
}

.show-menu+.mobile-site-nav-list {
  max-height: 100em;
  transition: max-height 400ms ease-in-out;
}

.site-nav-footer ul {
  display: grid;
  grid-template: 1fr / 2em 2em 1fr;
  grid-gap: 1em;
  align-items: end;
  margin: 0 1% 0 0;
}

.social-media {
  display: inline-flex;
  padding: 0.375em 0 0.375em 0;
}

.social-media-link {
  max-height: 1.5em;
  max-width: 1.5em;
  margin: 0 0.75em 0 0;
}

hr {
  border: thin solid #000;
}