/* Cards ------------------------- */
.card-link {
  text-decoration: none;
  color: inherit;
}

.custom-card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.card-link:hover .custom-card {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Ensuring cards have the same height */
.row {
  display: flex;
  flex-wrap: wrap;
}
.col-md-4 {
  display: flex;
}
/* End Cards ------------------------- */

/* Divider --------------------------- */
.hr-primary {
  border-top-color: var(--bs-primary); /* Set the top border color to Bootstrap's primary color */
  border-top-width: 1px; /* Set the desired thickness of the <hr> */
}
.hr-secondary {
  border-top-color: var(--bs-secondary); /* Set the top border color to Bootstrap's primary color */
  border-top-width: 2px; /* Set the desired thickness of the <hr> */
}
.hr-danger {
  border-top-color: var(--bs-danger); /* Set the top border color to Bootstrap's primary color */
  border-top-width: 2px; /* Set the desired thickness of the <hr> */
}

/* Divider --------------------------- */

 /* Nav Bar -------------------------- */
/* Custom background color */
/* .navbar-custom {
  background-color: #fff; 
} */
/* Adds space between links */
/* .navbar-nav .nav-item + .nav-item {
  margin-right: 1rem; 
} */

/* Adjusting the logo size for better appearance */
/* .navbar-brand img {
  height: 80px; 
  width: auto;
} */




.custom-link {
  background-color: transparent; /* Transparent background */
  padding: 8px 15px; /* Spacing around text for a larger clickable area */
  transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out; /* Smooth transition for color and underline */
  border-bottom: 2px solid transparent; /* Initial border for a smooth transition into underlined text */
  text-decoration: none; /* Remove default underline */
}

.custom-link:hover, .custom-link:focus {
  color: #0056b3; /* Darker blue on hover/focus */
  border-bottom-color: var(--secondary) !important; /* Match border color with text on hover/focus */
  text-decoration: none; /* Ensure underline doesn't appear alongside border */
}

.dropdown-menu {
  right: 0; /* Aligns the right edge of the dropdown with the right edge of the parent */
  left: auto; /* Overrides the default left alignment */
}

 /* End Nav Bar -------------------------- */

/* image header */
.rounded-left {
  border-top-left-radius: 1rem; // Adjust the radius as needed
}
.rounded-right {
  border-top-right-radius: 1rem; // Adjust the radius as needed
}





/* Truncate text on news page */
.truncate-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.truncate-text::after {
    content: attr(data-truncate);
    display: none;
}

.truncate-text[data-truncate]:hover::after {
    content: attr(data-truncate);
    white-space: normal;
    display: block;
    overflow: visible;
}