/* Default on homepage: hidden at initial page top */
.path-frontpage #navbar-main .navbar-brand svg {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0s linear 0.3s,
    width 0.3s ease-in-out,
    margin 0.3s ease-in-out;
}

/* Once user has scrolled down, show logo */
.path-frontpage:not(.is-at-page-top) #navbar-main .navbar-brand svg {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.3s ease,
    visibility 0s linear 0s,
    width 0.3s ease-in-out,
    margin 0.3s ease-in-out;
}