/* Base navbar style */

#mainNav {
  transition: background-color 0.7s ease, box-shadow 0.7s ease;
}

/* At top of page – TRANSPARENT */

#mainNav.navbar-top {
  background-color: transparent !important;
  box-shadow: none;
}

/* When scrolled – WHITE */

#mainNav.navbar-scrolled {
  background-color: #ffffff !important;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}