/* Container <div> to position dropdown content */
.navbar-dropdown-component {
  position: relative;
  display: inline-block;
  display: flex;
  flex-direction: row-reverse;
}

/* Change color of navbar-btn on navbar-dropdown hover */
.navbar-dropdown-component:hover .navbar-btn {
  background-color: var(--navigation-bar-btn-color-hover);
}

/* Dropdown Content (Hidden by Default) */
.navbar-dropdown-component .dropdown-content {
  display: none;
  margin-top: 50px; /* Move down by amount equal to height of navbar */
  background-color: var(--navigation-dropdown-content-background);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
}

/* Show dropdown menu on navbar-dropdown hover */
.navbar-dropdown-component:hover .dropdown-content {
  display: block;
}