/* Nav bar */

.m-header {
  border-top: 2px solid var(--color-red);
}

.m-icon-button.as-close-menu {
  top: 9px;
}

.m-header.headroom--not-top {
  transform: translateY(0%);
  background-color: var(--background-color);
  box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
}

.m-header.with-picture.headroom--not-top li,
.m-header.with-picture.headroom--not-top button,
.post-template .m-header.with-picture li,
.post-template .m-header.with-picture button {
  color: var(--titles-color);
}

.m-nav {
  text-transform: uppercase;
}

.m-nav li.nav-current > a {
  color: var(--color-red);
  font-weight: bold;
}

.m-nav__left ul li a {
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: unset !important;
}

.m-logo {
  height: 34px;
}
.m-logo.in-mobile-topbar {
  height: 60%;
}

/* Mobile nav bar */

.m-header.with-picture.mobile-menu-opened li,
.m-header.with-picture.mobile-menu-opened button {
  color: var(--titles-color);
}

@media (min-width: 768px) {
  .m-nav__left ul li {
    margin-right: 1.25rem;
  }
}

@media (min-width: 992px) {
  .m-nav__left ul li {
    margin-right: 2rem;
  }
}

@media only screen and (min-width: 48rem) {
  .m-header {
    padding: 0.5rem 0;
  }
  .m-nav {
    justify-content: space-between;
  }
}