@charset "utf-8";
/* CSS Document */

/*Start of Coding for Right Column Links*/

/* Style the list container */
.pdf-list {
  list-style: none; /* Remove default bullets */
  padding: 0;
  margin: 0 auto; /* Center the list if needed */
  max-width: 600px; /* Limit width for better readability on small screens */
}

/* Style each list item */
.pdf-list li {
  position: relative; /* To position pseudo-element absolutely within li */
  margin: 10px 0; /* Spacing between items */
  padding-left: 5px; /* Space for the custom dot */
}

/* Create the dot before each list item */
.pdf-list li::before {
  content: "";
  position: absolute;
  top: 15px; /* Adjust to align vertically with text */
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #ae914b; /* Dot color */
  border-radius: 50%; /* Make it circular */
}

/* Style the link */
.post-title {
  display: inline-block;
  color: #ae914b; /* Link color */
  text-decoration: underline; /* Remove underline */
  font-weight: bold;
  word-break: break-word; /* Handle long URLs on small screens */
  padding: 5px 10px;
  border-radius: 4px;
  transition: background-color 0.3s;
}

/* Hover effect for links */
.post-title:hover {
  background-color: transparent; /* Light background on hover */
  text-decoration: underline; /* Optional underline on hover */
}


/* Style all links with class 'styled-link' */
.styled-link {
  color: #012d43; /* Text color */
  text-decoration: underline; /* Underline the text */
  text-decoration-color: #012d43; /* Underline color */
  transition: text-decoration-color 0.3s; /* Smooth transition on hover */
}

/* Change only the underline color on hover, keep underline visible */
.styled-link:hover {
  display: inline-block;
  color: #ae914b; /* Link color */
  text-decoration: underline; /* Remove underline */
  font-weight: normal;
    transition: background-color 0.3s;
}