WebJamApps/CollegeLutheran

.nav-link {
  padding-left: 0;
  display     : block !important;
  color       : #23527c;
  outline     : none !important;
}

button.nav-link {
  background-color: rgb(192, 192, 192);
  font-size       : 16px;
  border          : none;
  padding         : 14px 0;
}

button.nav-link:hover {
  background-color: white;
}

.nav-item {
  color          : #23527c;
  text-decoration: underline;
  padding-right  : 0;
  margin-right   : 0;
}

.menu-item:hover {
  background-color: white;
}

.menu-item {
  padding-left          : 8px;
  display               : flex;
  flex-direction        : row;
  align-items           : center;
  font-family           : 'Trebuchet MS', 'ChivoBlack', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size             : 16px;
  font-weight           : 400;
  line-height           : 24px;
  position              : relative;
  min-height            : 44px;
  padding-top           : 0;
  padding-right         : 16px;
  box-sizing            : border-box;
}

.menu-toggle {
  padding-left : 10px;
  padding-right: 0;
}

#mobilemenutoggle {
  cursor          : pointer;
  position        : absolute;
  left           : 90vw;
  top             : 34px;
  z-index: 50;
  color           : #f4c00eff;
  background-color: #244a8bff;
  padding         : 1px 6px 0;
}

#mobilemenutoggle img {
  width : 30px;
  height: 20px;
}

.mobile-menu-toggle {
  position        : fixed;
  top             : 32px;
  right           : 16px;
  background-color: #2a222a;
  color           : white;
  padding         : 6px;
  z-index         : 90000;
}

.menu-item a.menu-hover {
  color: '#88c1ff' !important;
}

.menu-hover:hover {
  color: rgb(204, 224, 255) !important;
}