/* Style overrides for the header's nav bar toggler. */
.bilberry-hugo-theme header .toggler {
  background-color: #433D8B;
}

.dark-mode .bilberry-hugo-theme header .toggler, .dark-mode .bilberry-hugo-theme nav {
  background-color: #1d1f38;
}

/* Adjust spacing between nav bar menu options. */
.bilberry-hugo-theme nav ul li a, .dark-mode .bilberry-hugo-theme nav ul li a {
  padding: 0px 25px 0px 3px; /* Top, Right, Bottom, Left */
}

/* Style overrides for the header's selectors. This only works with my current config. */
.bilberry-hugo-theme header .selectors, .dark-mode .bilberry-hugo-theme header .selectors {
  position: absolute;
  top: 3px;
  right: 20px;
  display: flex;
}

.bilberry-hugo-theme header .selectors .light-dark-mode {
  background-color: #433D8B;
}

.dark-mode .bilberry-hugo-theme header .selectors .light-dark-mode {
  background-color: #1d1f38;
}