/* Footer Styles */
footer {
  width: 100%;
  padding: 20px 0;
  background-color: #343a40;
  color: white;
  position: relative;
}

.footer {
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
}

.footer-links {
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.footer-links a {
  color: white;
  text-decoration: none;
}

.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer p {
  margin-top: 10px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7); /* Dim by default */
    transition: color 0.3s ease; /* Smooth color change */
}

.footer-links a:hover {
    color: rgba(255, 255, 255, 0.9); /* Brighten on hover */
}

.footer-links a.active {
    color: white; /* Full white for active link */
}

.footer-links ul {
  display: flex;
  justify-content: space-around;
}

/* Styling for footer lists */
.footer-links li {
  display: inline-block;
  margin-right: 15px;
}

.content ul, .content ol {
  list-style-type: disc; /* Default list style */
  padding-left: 40px;    /* Indentation for nested lists */
  margin-bottom: 15px;   /* Space between list items */
}

.content ul li {
  display: list-item;    /* Ensure list behaves normally */
}

.inline-list ul {
  display: flex;
  justify-content: space-between;
}

.inline-list li {
  display: inline-block;
  margin-right: 10px;
}

.container {
    max-width: 1200px; /* Restrict max width for sections */
    padding-left: 15px;
    padding-right: 15px;
	margin: 0 auto; /* Center the content */
}

/* Media Queries for different screen sizes */
@media (min-width: 768px) {
    .footer .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .footer .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .footer .container {
        max-width: 1140px;
    }
}

@media (max-width: 767px) {
  .related {
    border-left: none;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
   .related {
      margin-top: 20px;
   }
}

section {
    padding: 20px 0; /* Reduce the padding */
}

body, html {
    margin: 0;
    padding: 0;
	font-family: Arial, sans-serif;
}

body {
    font-size: 16px; /* Decrease font size */
    line-height: 1.5; /* Adjust line spacing */
}

.featured-services {
  background-color: #f8f9fa;
  padding: 40px 0;
}

  hr {
    border: 1px solid #ddd; /* Light gray color for the line */
    margin: 20px 0; /* Space above and below the line */
  }

.photo-album img {
   width: 100%; /* Ensure images are responsive */
   height: auto; /* Maintain aspect ratio */
   max-width: 800px; /* Limit the maximum width */
}

img {
    max-width: 100%; /* Keep images responsive */
    height: auto;
}

ul {
  list-style: disc;
  padding-left: 20px;
}

ul li {
  display: list-item;
}


ul, ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

li {
    display: list-item;
    margin-bottom: 10px; /* Adjust as needed */
}

.custom-list {
    list-style-type: disc;
    margin-left: 20px;
}

.custom-list li {
    display: list-item;
}

.related-topics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.related-topic {
  flex: 1 1 30%; /* Adjust the percentage to fit the layout */
  margin: 10px;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.related {
  background-color: #f8f9fa;
  padding: 20px;
  border-left: 1px solid #ddd;
}

.related ul {
  list-style: none;
  padding-left: 0;
}

.related li {
  margin-bottom: 20px;
}

.related h3 {
  margin-bottom: 15px;
}

.related a {
   text-decoration: none;
   color: #007bff;
}

.related p {
   font-size: 12px;
   color: #555;
}

.election-img {
   max-width: 100%;
   height: auto;
   margin-bottom: 20px;
}


/* Custom styles for the social share iframe */
.custom-social-share {
    width: 100%;            /* Full width of the parent container */
    height: 120px;          /* Height can be adjusted based on the content of social-share.html */
    border: none;           /* Remove the default border */
    margin-top: 20px;       /* Add some spacing above the iframe */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Optional: Add a subtle shadow for better aesthetics */
    border-radius: 8px;     /* Optional: Add rounded corners */
    overflow: hidden;       /* Hide any overflow content */
}

/* Adjust iframe height and styling on smaller screens for responsiveness */
@media (max-width: 768px) {
    .custom-social-share {
        height: 150px;      /* Adjust height for smaller devices */
    }
}