<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * @file
 * Visual styles for menu.
 */

ul.menu {
  margin-left: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-top: 0.2em;
}
ul.menu a.is-active {
  color: #000;
}

/* Add these styles to your existing menu.css file */
.menu--main {
  background-color: #ffffff; /* White background */
  border-bottom: 2px solid #cccccc; /* Light grey bottom border for separation */
  padding: 0.5em 1em;
  display: none !important; /* Hidden by default on mobile */
}

.menu--main .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu--main .menu-item {
  margin: 0 1em;
  padding: 0.5em 0;
}

.menu--main .menu-item a {
  text-decoration: none;
  font-weight: 500;
  color: #333333; /* Dark grey text color */
  font-size: 1em;
  display: block;
  padding: 0.5em 1em;
  transition: all 0.3s;
  border-radius: 4px;
}

.menu--main .menu-item a:hover {
  color: #0073e6; /* Blue color on hover */
  background-color: #f0f7ff; /* Light blue background for better contrast */
}

.menu--main .menu-item a.is-active {
  color: #0073e6; /* Blue color for active items */
}

.menu--main .auth-buttons {
  display: flex;
  gap: 1em;
}

.menu--main .auth-buttons .button-signup {
  background-color: transparent;
  border: 2px solid #0073e6;
  color: #0073e6;
  padding: 0.5em 1em;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s;
}

.menu--main .auth-buttons .button-signup:hover {
  background-color: #f0f7ff;
}

.menu--main .auth-buttons .button-login {
  background-color: #0073e6;
  border: none;
  color: #ffffff;
  padding: 0.5em 1em;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s;
}

.menu--main .auth-buttons .button-login:hover {
  background-color: #0066cc;
}

/* Responsive styling */
@media screen and (min-width: 769px) {
  .menu--main {
    display: block; /* Show menu on desktop */
  }
}</pre></body></html>