:root {
  --neochris-ink: #08111f;
  --neochris-gold: #f2c86b;
  --neochris-mint: #77d2c2;
}

.site-header,
.site-header.float-header {
  background: var(--neochris-ink);
  border-bottom: 1px solid rgba(236, 239, 228, .18);
  box-shadow: none;
}

.site-header .header-wrap {
  min-height: 78px;
  padding-top: 0;
  padding-bottom: 0;
}

.site-header .site-title a,
.site-header.float-header .site-title a {
  color: #fffdf4;
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: .01em;
}

.site-header .site-title a:hover,
#mainnav ul li a:hover,
#mainnav ul li.current-menu-item > a,
#mainnav ul li.current-menu-ancestor > a {
  color: var(--neochris-gold);
}

#mainnav ul li a,
.site-header.float-header #mainnav ul li a {
  color: #e8ece8;
  font-size: 16px;
}

#mainnav ul li ul {
  border-top: 2px solid var(--neochris-gold);
  background: #09121e;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
}

#mainnav ul li ul::after {
  content: none !important;
  display: none !important;
}

#mainnav ul li ul li a {
  color: #dbe0df;
  font-size: 15px;
}

#mainnav ul li ul li a:hover {
  background: #142235;
  color: var(--neochris-gold);
}

.btn-menu {
  color: var(--neochris-gold);
}

@media only screen and (max-width: 1024px) {
  .site-header .header-wrap {
    min-height: 68px;
  }

  #mainnav-mobi {
    border-bottom: 1px solid rgba(236, 239, 228, .18);
    background: var(--neochris-ink);
  }

  #mainnav-mobi ul > li > a {
    color: #e8ece8;
  }

  #mainnav-mobi ul > li > a:hover,
  #mainnav-mobi ul > li.current-menu-item > a {
    color: var(--neochris-gold);
  }

  #mainnav-mobi .btn-submenu::before {
    color: var(--neochris-gold);
  }
}