/* css styles */

body {
    font-family: Arial,Helvetica,Verdana;
    max-width: 100%;
    padding: 15px;
    }



.navbar {
    color: #ffffff;
    background-color: #002e3b;
    font-size: 18px;
    line-height: 21px;

}

.navbar-brand img {
  height: 100px !important;
  width: auto !important;
  max-height: none !important;
  padding: 15px;
}


/* Navbar links (default state) */
.navbar .nav-link,
.navbar .navbar-brand {
  color: #ffffff !important;
}

/* Hover effect */
.navbar .nav-link:hover {
  color: #ffcc00 !important; /* or another highlight color */
}

/* Active/selected page link */
.navbar .nav-link.active {
  color: #ffffff !important;
  font-weight: bold;
  text-decoration: underline;
}

/* Change hamburger icon color */
.navbar-toggler {
  border-color: transparent
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Change search icon colour */
.navbar #quarto-search.type-overlay .aa-Autocomplete svg.aa-SubmitIcon {
  color: #ffffff;
}

/* Form styling */
form {
  display: grid;
  gap: 1.5em;
}

label {
  font-weight: bold;
  color: #555;
}

input, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box; /* Ensures padding doesn't affect the width */
}

input:focus, textarea:focus {
  border-color: #5a7d9f;
  outline: none;
  box-shadow: 0 0 5px rgba(90, 125, 159, 0.5);
}

button {
  background-color: #35526e;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #466580;
}