body { padding-top: 56px; }

.left-aligned { margin-left: auto; }
.bg-dark { background-color: #212529 !important; }
.bg-hero { background-color: #F3F2E7 } /* title background colour */

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #efe9e9; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

/* quick-links */
.link-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* Wraps items to new lines as needed */
  margin-top: 50px;
}

.link-item {
  margin: 20px;
  text-align: center; /* Center the text under images */
}

.link-img {
  height: 100px; /* Set a fixed height for quick links images */
  width: auto; /* Maintain aspect ratio */
  margin: 20px;
  object-fit: contain; /* Maintain aspect ratio and contain within the box */
  transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth hover transition */
}

.link-img:hover {
  transform: scale(1.2); /* Scale up the image on hover */
  opacity: 0.8; /* Reduce opacity on hover */
}