.navbar {
  background-color: #091038;
  box-shadow: 0 0 5px 5px black;

}

.navbar.scrolled {
  background-color: rgba(9, 16, 56, .8);
  backdrop-filter: blur(5px);
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.overlineEffect:before {
  content: "";
  position: absolute;
  width: 36px;
  height: 3px;
  top: 0;
  left: calc(50% - 18px);
  background: #E49526;
  visibility: hidden;
  border-radius: 1px;
  transform: scaleX(0);
  transition: .4s linear;
}

.overlineEffect:hover:before, .overlineEffect:focus:before {
  visibility: visible;
  transform: scaleX(1);
}

.nav-item {
  position: relative;
  font-size: 16px;
  /*background-color:red;*/
  margin:18px 10px;
}

.navbar-brand {
  font-size: 25px;
}

.nav-link, .navbar-brand {
  color: white;
}

.nav-link:hover, .navbar-brand:hover {
  color: lightgray;
}
/*mobile nav*/
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navlogo {
  margin: 0px 10px;
  box-sizing: border-box;
}

.navbar-toggler {
  color: white;
}

.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
  outline-width: 0px;
  box-shadow: none;
}

#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
}

#menuToggle input {
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span {
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: white;
}

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  width: 45vw;
  height: 115vh;
  margin: -60px 0 0 0px;
  margin-left: calc(55px - 45vw);
  padding: 80px 0 0 0;
  background-color: #314F88;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
  list-style-type: none;
  text-align: right;
}

#menu li {
  padding: 15px 0px;
  transition-delay: 2s;
  width: 70%;
  margin-left: 15%;
  font-size: 20px;
}

#menuToggle input:checked~ul {
  transform: none;
}

.mobileNavItem {
  color: white;
  text-decoration: none;
}

.mobileNavItem:hover {
  color: #E49526;
}

@media (min-width: 800px) {
  .navbar-expand-custom {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-custom .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-custom .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-custom .navbar-collapse {
    display: flex!important;
  }
  .navbar-expand-custom .navbar-toggler {
    display: none;
  }
}