/* Header/footer sage-green overrides for BeautifulHugo */

/* Light mode */
.navbar-custom,
.navbar-custom.top-nav-short,
.navbar-custom.top-nav-expanded {
  background-color: #dfe8de;
  border-bottom: 1px solid #c7d3c5;
}

.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
  color: #2f4031;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #3f6a47;
}

.navbar-custom .nav .navlinks-container:hover {
  background-color: #d5e1d3;
}

.navbar-custom .nav .navlinks-container .navlinks-children a {
  background-color: #dfe8de;
  border-color: #c7d3c5;
  color: #2f4031;
}

.navbar-custom .navbar-collapse {
  background-color: #dfe8de;
}

footer {
  background-color: #dfe8de;
  border-top: 1px solid #c7d3c5;
}

footer a,
footer .copyright,
footer .theme-by {
  color: #2f4031;
}

footer .footer-links .fa-circle {
  color: #3f6a47;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .navbar-custom,
  .navbar-custom.top-nav-short,
  .navbar-custom.top-nav-expanded {
    background-color: #2f3a31;
    border-bottom: 1px solid #4f6153;
  }

  .navbar-custom .navbar-brand,
  .navbar-custom .nav li a {
    color: #d6e3d3;
  }

  .navbar-custom .navbar-brand:hover,
  .navbar-custom .navbar-brand:focus,
  .navbar-custom .nav li a:hover,
  .navbar-custom .nav li a:focus {
    color: #b9d6b6;
  }

  .navbar-custom .nav .navlinks-container:hover {
    background-color: #3a493d;
  }

  .navbar-custom .nav .navlinks-container .navlinks-children a {
    background-color: #2f3a31;
    border-color: #4f6153;
    color: #d6e3d3;
  }

  .navbar-custom .navbar-collapse {
    background-color: #2f3a31;
  }

  footer {
    background-color: #2f3a31;
    border-top: 1px solid #4f6153;
  }

  footer a,
  footer .copyright,
  footer .theme-by {
    color: #d6e3d3;
  }

  footer .footer-links .fa-circle {
    color: #b9d6b6;
  }
}