/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Sitemap 3-Column Layout */
.sitemap-columns-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Creates three equal-width columns */
  gap: 30px; /* Adjust the space between columns (e.g., 20px, 40px) */
  margin-top: 20px; /* Optional: Add space above the sitemap */
  margin-bottom: 20px; /* Optional: Add space below the sitemap */
}

/* Styling for individual columns */
.sitemap-column {
  /* Add borders, backgrounds etc. here if desired */
  /* Example: border: 1px solid #e0e0e0; padding: 20px; */
}

.sitemap-column h2 {
  margin-top: 0; /* Remove default margin */
  margin-bottom: 15px; /* Space below heading */
  font-size: 1.3em; /* Adjust heading size */
  border-bottom: 1px solid #eee; /* Optional: Add a line under heading */
  padding-bottom: 10px; /* Optional: Space for the border */
}

/* Styling for lists within columns */
.sitemap-column .sitemap-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}

/* Indent child page lists specifically */
.sitemap-column-pages .sitemap-content ul ul {
  margin-left: 20px; /* Indentation for sub-pages */
  margin-top: 8px;
  padding-left: 5px; /* Slight extra padding */
  border-left: 2px solid #f0f0f0; /* Optional: Add visual indicator for nesting */
}

.sitemap-column .sitemap-content li {
  margin-bottom: 8px; /* Space between list items */
}

.sitemap-column .sitemap-content a {
  text-decoration: none;
/*   color: inherit; Use default text color or set your own */
}

.sitemap-column .sitemap-content a:hover {
  text-decoration: underline;
  /* color: #your-link-hover-color; */ /* Optional: Set hover color */
}


/* Responsive Adjustments: Stack columns on smaller screens */
@media (max-width: 768px) { /* Adjust this breakpoint as needed */
  .sitemap-columns-container {
    grid-template-columns: 1fr; /* Single column */
    gap: 40px; /* Increase vertical gap when stacked */
  }
}