footer * {
    color: inherit !important;
}

#legal-navlink {
    gap: 1rem;
    list-style: none;
  }

  #legal-navlink a {
    text-decoration: none;
    color: #333;
  }

  #footer-widget img {
    max-width: 200px;
  }


  /* Footer Styling */
footer {
  background-color: #333; /* Dark background for footer */
  color: #fff; /* White text color for footer */
  padding: 40px 0; /* Padding around the footer */
  font-size: .86rem;
}

/* Styling the widgets inside the footer */
#footer-widget {
  display: flex; /* Flexbox for alignment */
  flex-wrap: wrap; /* Allow items to wrap on smaller screens */
  margin-bottom: 30px; /* Margin between footer sections */
  gap: 30px; /* Gap between items */
}

#footer-widget img {
  margin-bottom: 15px; /* Add some space below the logo */
  max-width: 150px; /* Limit the logo width */
}

/* Widget title styling */
#footer-widget .widget-title {
  text-transform: uppercase; /* Uppercase text for emphasis */
  margin-bottom: 15px; /* Space below the title */
  font-weight: 600; /* Make the title bold */
  font-size: 18px; /* Set font size for titles */
}

/* List items under each widget */
#footer-widget .widget-list {
  list-style-type: none; /* Remove default list styling */
  padding: 0; /* Remove padding */
}

/* List item styling */
#footer-widget .widget-list li {
  margin-bottom: 10px; /* Space between each list item */
}

/* Link styling inside widget lists */
#footer-widget .widget-list a {
  color: #ccc; /* Light gray text color */
  text-decoration: none; /* Remove underline */
  transition: color 0.3s ease; /* Smooth transition on hover */
}

/* Hover effect for links in widget list */
#footer-widget .widget-list a:hover {
  color: #ff7f50; /* Accent color on hover */
}


/* Copyright text styling */
#lower-footer p {
  font-size: inherit; /* Set smaller font size */
  color: #ccc; /* Light gray color for the text */
}

/* Styling the legal nav links */
#legal-navlink {
  list-style-type: none; /* Remove default list styling */
  display: flex; /* Flexbox to align items horizontally */
  gap: 20px; /* Space between links */
}

/* Styling for each legal link */
#legal-navlink li {
  margin: 0; /* Remove margin around list items */
}

/* Link styling in the legal nav */
#legal-navlink a {
  color: #ccc; /* Light gray color */
  font-size: 14px; /* Standard font size for links */
  text-decoration: none; /* Remove underline */
  transition: color 0.3s ease; /* Smooth transition on hover */
}

/* Hover effect for legal links */
#legal-navlink a:hover {
  color: #ff7f50; /* Accent color on hover */
}

/* Mobile-first and Responsive Styles */

/* Small screen (mobile) adjustments */
@media screen and (max-width: 767px) {

  /* Adjust widget title font size for mobile */
  #footer-widget .widget-title {
      font-size: 16px;
  }

  /* Adjust link size for mobile */
  #footer-widget .widget-list a {
      font-size: 0.7rem;
  }

  /* Lower footer text alignment for mobile */
  #lower-footer {
      text-align: center; /* Center-align the lower footer content */
      flex-direction: column; /* Stack links vertically */
  }

  /* Legal links layout on small screens */
  #legal-navlink {
      align-items: center; /* Center-align the links */
      justify-content: center;
  }

  #legal-navlink li {
      margin-bottom: 10px; /* Space between legal links */
  }
}

/* Extra small screen (smaller than 480px) adjustments */
@media screen and (max-width: 479px) {
  footer {
      padding: 20px 0; /* Less padding on very small screens */
  }

  #footer-widget {
      gap: 20px; /* Reduce gap between widgets */
  }

  #footer-widget img {
      max-width: 150px; /* Adjust logo size for smaller screens */
      margin-bottom: 10px; /* Adjust spacing */
  }

  /* Adjust font size for widget titles */
  #footer-widget .widget-title {
      font-size: 16px;
  }

  /* Adjust font size for links in widget list */
  #footer-widget .widget-list a {
      font-size: 0.7rem;
  }

  /* Lower footer copyright text adjustment */
  #lower-footer p {
      font-size: 12px;
  }

  /* Legal link font size for very small screens */
  #legal-navlink a {
      font-size: 12px;
  }
}