/* Reset general styles */
.navbar,
.mainDiv,
.topItem,
.topItemOver,
.topItemClose,
.topItemCloseOver,
.dropMenu,
.subMenu,
.subItem,
.drop {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  color: #111111; /* Nearly black text */
  background-color: #f9f9f6; /* very light neutral background */
}

/* Top-level nav items */
.topItem {
  cursor: pointer;
  background-color: #f9f9f6;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s, color 0.3s;
}

.topItemOver {
  background-color: #d0dfc4; /* soft sage green on hover */
  color: #000000;
}

/* Close icons */
.topItemClose {
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.topItemCloseOver {
  background-color: #d0dfc4;
  color: #000000;
}

/* Dropdown menu */
.dropMenu {
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Sub menu and items */
.subMenu {
  background-color: #ffffff;
}

.subItem {
  padding: 8px 12px;
  background-color: #ffffff;
  transition: background-color 0.3s;
}

.subItem:hover {
  background-color: #e5eedc; /* lighter sage on hover */
}

/* Optional: general drop element */
.drop {
  padding: 8px;
}