footer {
background-color: rgb(0, 13, 74); /* JPs yndlingsfarve */
}
.navbar .nav-link {
  color: #ffffff !important; /* Skift #FF0000 til din ønskede farve */
}
.navbar .nav-link:hover {
  color: #79c129 !important; /* Skift #00FF00 til den ønskede hover-farve */
}
.btn.pj-btn-one {
  background-color: #79c129;
  border-color: #79c129;
  color: #fff; /* Vælg en passende tekstfarve */
  transition: background-color 0.3s, border-color 0.3s;
}

.btn.pj-btn-one:hover,
.btn.pj-btn-one:focus,
.btn.pj-btn-one:active {
  background-color: #1d8348;
  border-color: #1d8348;
  color: #fff;
}
@media (max-width: 767.98px) {

/* Change mobile menu background */
.offcanvas-body {
  background-color: #000d4a; /* Dark background, change to your preferred color */
}

/* Change text color of the links */
.offcanvas-body .nav-link {
  color: #000d4a; /* White text */
}

/* Optional: Change link color on hover */
.offcanvas-body .nav-link:hover {
  color: #000d4a; /* Yellow on hover */
}