/* General Styles */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #000000 !important; /* Ensure all text is black */
  line-height: 1.6; /* Improve readability with increased line height */
  margin: 0;
  padding: 0;
  background-color: #ffffff; /* White background for a clean look */
  text-align: justify; /* Justify text alignment */
}

h1, h2, h3, h4, h5, h6 {
  color: #000000 !important; /* Ensure headings are black */
  margin-top: 0;
  font-weight: 600; /* Medium weight for headings */
  text-align: left; /* Left align headings */
}

p, a, span, div, li, strong {
  color: #000000 !important; /* Ensure all text is black */
  text-align: justify; /* Justify text alignment */
}

a {
  color: #0056b3; /* Custom friendly blue for links */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Navbar Styles */
.navbar {
  background-color: #ffffff; /* White background for navbar */
  border-bottom: 1px solid #e0e0e0; /* Light grey border for separation */
}

.navbar-title,
.menu-text,
.nav-link {
  color: #333333 !important; /* Dark grey for text in the navbar */
}

.navbar-logo {
  height: 48px;
  width: 48px;
  border-radius: 50%;
}

.navbar-logo {
  height: 48px !important;
  width: 48px !important;
  max-height: 48px !important;
  padding-right: 0 !important;
  border-radius: 50%;
}

/* Image Styles */
.img-fluid {
  width: 100%; /* Make images responsive */
  max-width: 600px; /* Set a max width for better layout */
  height: auto;
  border-radius: 8px; /* Rounded corners for images */
  margin: 20px 0; /* Space around images */
}

img.thumbnail-image {
  border-radius: 8px;
  width: 100%;
  max-width: 600px;
  height: auto;
}

/* Listing Styles */
.listing-category {
  background-color: #ffc300; /* Friendly yellow background */
  border: 1px solid #e0e0e0;
  padding: 10px;
  border-radius: 8px;
  color: #000000; /* Black text */
  margin-bottom: 20px; /* Space between listings */
}

.listing-title,
.quarto-listing-category-title,
.quarto-category {
  color: #000000 !important; /* Black for headings */
  font-weight: 600;
}

.quarto-category {
  background-color: #ffc300; /* Friendly yellow background */
  opacity: 1.0 !important;
}

/* Custom Title Meta Heading */
.quarto-title-meta-heading {
  font-family: inherit;
  color: #000000 !important; /* Ensure heading color is black */
  font-weight: 600;
}

.quarto-title-banner {
  background: inherit !important;
}

/* Strong Element */
strong {
  font-weight: 600; /* Medium weight for strong text */
}