#public-header.menu-visible,
#photographer-header.menu-visible,
#client-header.menu-visible {
  #header-logo-container svg {
    path,
    g {
      fill: #f2eadf;
    }
  }

  #public-menu-link {
    color: #f2eadf;

    svg path,
    svg g {
      fill: #f2eadf;
    }
  }

  .navigation-link {
    color: #f2eadf;

    &:hover {
      color: #c48b6b;
    }
  }
}

#mobile-account-icon.dark-bg,
#mobile-account-icon.dark-bg-persist {
  svg path,
  svg g {
    fill: #f2eadf;
  }
}

#featured-photographer-icon {
  right: -0.5rem;
}

@media screen and (max-width: 639px) {
  #public-menu-mobile-login.dark-bg {
    .mobile-mini {
      color: #f2eadf;
      border-color: #f2eadf;
    }
  }
}

@media screen and (max-width: 639px) {
  .noScroll {
    position: fixed;
    overflow: hidden;
  }
}