.top-gap {
  margin-top: 62px;
}
@media (min-width: 960px) {
  .top-gap {
    margin-top: 130px;
  }
}

.mobile-top-gap {
  margin-top: 1.25rem;
}
@media (min-width: 960px) {
  .mobile-top-gap {
    margin-top: 0;
  }
}

header {
  transition: all 0.2s linear;
  height: 62px;
}
@media (min-width: 960px) {
  header {
    height: 130px;
  }
}
header .current, header .section {
  font-weight: 600;
}
header .logo {
  transition: all 0.2s linear;
  width: 140px;
  fill: var(--black);
}
@media (min-width: 960px) {
  header .logo {
    width: 200px;
  }
}
header .burger {
  position: absolute;
  z-index: 9999;
  right: 5vw;
  color: var(--black);
  margin-right: -5px;
}
@media (min-width: 960px) {
  header .burger {
    margin-right: -17px;
  }
}
header .burger svg {
  width: 35px;
  height: 35px;
}
@media (min-width: 960px) {
  header .burger svg {
    width: 50px;
    height: 50px;
  }
}
header .hover-navs:hover a.hover-focus {
  opacity: 0.4;
  transition: all 0.2s linear;
}
header .hover-navs:hover a.hover-focus:hover {
  opacity: 1;
}

.scrolling-down header {
  opacity: 0;
}

.scrolling-up header {
  background-color: var(--paper);
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}
@media (min-width: 960px) {
  .scrolling-up header {
    height: 70px;
  }
}
.scrolling-up header .logo .logo-text {
  fill: var(--black);
}
.scrolling-up header .logo .logo-type {
  display: none;
}
.scrolling-up header .burger {
  color: var(--black) !important;
}

.search {
  width: 15px;
  height: 18px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBkPSJNMTYuMzIgMTQuOWw1LjM5IDUuNGExIDEgMCAwIDEtMS40MiAxLjRsLTUuMzgtNS4zOGE4IDggMCAxIDEgMS40MS0xLjQxek0xMCAxNmE2IDYgMCAxIDAgMC0xMiA2IDYgMCAwIDAgMCAxMnoiLz48L3N2Zz4=");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

.search-modal {
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
}
.search-modal #SearchForm_SearchForm {
  width: 90vw;
}
@media (min-width: 960px) {
  .search-modal #SearchForm_SearchForm {
    width: 680px;
  }
}
.search-modal #SearchForm_SearchForm svg {
  width: 25px;
}
.search-modal .close-search svg {
  width: 15px;
  fill: var(--constwhite);
}
@media (min-width: 960px) {
  .search-modal .close-search svg {
    width: 20px;
  }
}

footer {
  background: var(--black);
  color: var(--paper);
}
footer .accred {
  width: 180px;
}
@media (min-width: 960px) {
  footer .accred {
    width: 260px;
  }
}
footer .Social-Icons svg {
  filter: invert(1);
}
footer .darkmode svg {
  width: 18px;
  margin: 0px 7px 0 0;
  fill: currentColor;
}

[data-theme=dark] .accred {
  filter: invert(1);
}
[data-theme=dark] .overlay {
  background: rgba(9, 9, 9, 0.8);
}

@keyframes main {
  25% {
    --6-x-position: 15%;
    --6-y-position: 15%;
  }
  50% {
    --6-x-position: 80%;
    --6-y-position: 15%;
  }
}
.InvertHeader .logo-text {
  fill: var(--constwhite);
}
.InvertHeader .burger {
  color: var(--constwhite);
}

/* Off-Canvas Menu */
.side-drawer {
  z-index: 1000;
  transform: translateX(100%);
}
@media (min-width: 960px) {
  .side-drawer {
    width: 42vw;
  }
}

.overlay {
  background: rgba(9, 9, 9, 0.97);
  z-index: 900;
}

.menu-open {
  overflow: hidden !important;
}
.menu-open img {
  filter: grayscale(100%);
}
.menu-open .burger svg {
  color: var(--black) !important;
}