styles.css

/* css styles */

:root {
  --bs-primary: #003366; 
  --bs-secondary: #003366; 
  --bs-body-bg: #f8f9fa; 
  --bs-body-color: #212529; 
}


body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif !important;
  color: #212529; /* Default text color */
}


h1, h2, h3 {
  color: var(--bs-primary); /* Use your primary color for headings */
}

a {
  color: var(--bs-primary); /* Links */
  text-decoration: none;
}

a:hover {
  color: var(--bs-secondary); /* Change color on hover */
}

/* Apply the background color to the sidebar */
nav.sidebar {
  background-color: #B0C8D3 !important; /* Light blue background */
  color: #003366; /* Navy text */
  padding: 1rem; /* Optional: Add padding for spacing */
  border-right: 1px solid #B0C8D3; /* Optional: Add a border to define the sidebar */
}

/* Ensure all content within the sidebar respects the color */
nav.sidebar * {
  color: #003366 !important; /* Navy for all text inside sidebar */
}

/* Style the links in the sidebar */
nav.sidebar a {
  color: #003366; /* Navy links */
  text-decoration: none; /* Remove underlines */
  font-weight: bold; /* Optional: Bold text */
}

/* Sidebar links hover state */
nav.sidebar a:hover {
  color: #003366; 
  text-decoration: underline;
}

/* Reduce margin and padding for the listing container */
.listing {
  margin-bottom: 10px; /* Adjust the spacing between each listing */
  padding: 0; /* Remove unnecessary padding */
}

/* Reduce space between individual listing items */
.listing-item {
  margin-bottom: 5px; /* Adjust space between each listing item */
  padding: 0; /* Remove extra padding */
}

/* Control image size and remove extra space below images */
.listing-item img {
  height: 150px; /* Ensure the images stay at 150px */
  width: auto; /* Maintain aspect ratio */
  display: block; /* Remove space below the image */
}

/* Reduce spacing around heading and description inside listing items */
.listing-item h3, .listing-item p {
  margin-top: 5px;
  margin-bottom: 5px; /* Adjust margins to reduce space */
}

/* Reduce space between links in listing items */
.listing-item a {
  margin-top: 0;
  margin-bottom: 5px; /* Reduce space between links */
}