/* General background and text colors */
body {
  background-color: #2c2c2c; /* dark gray */
  color: #f5f5f5;            /* light text */
}

/* Optional: Ensure cards, containers, etc., match the theme */
.container, .card, .row, .col, .navbar {
  background-color: transparent;
  color: inherit;
}

/* Links */
a {
  color: #66b2ff;
}
a:hover {
  color: #99ccff;
}

/* Navbar adjustments */
.navbar {
  background-color: #1f1f1f !important;
}
.navbar .navbar-brand,
.navbar-nav .nav-link {
  color: #f5f5f5 !important;
}
.navbar .nav-link:hover {
  color: #dddddd !important;
}

/* Page Navigation */
  .page-navigation {
    text-align: center; /* Center aligns inline elements like <a> */
    margin-top: 2rem;
  }

  .page-navigation a {
    margin: 0 1rem;      /* Spacing between the links */
    text-decoration: none;
    font-weight: bold;
  }

/* Bootstrap components */
.card {
  background-color: #3a3a3a;
  color: #f5f5f5;
}

.btn-primary {
  background-color: #555;
  border-color: #777;
}
.btn-primary:hover {
  background-color: #777;
  border-color: #999;
}

/* Announcements */

.announcement-box {
  background-color: #3a3a3a;  /* slightly lighter than page background */
  color: #f5f5f5;
  border: 1px solid #555;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.announcement-box h5 {
  color: #fa9aaf;  /* highlight title */
}

.announcement-box small {
  color: #cccccc;  /* subtle date text */
}

/* images */
.image-wrapper {
  height: auto;
  display: block;
  margin: 0 auto;
}

.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}

.image-small img {
  width: 620px;
}
.image-medium img {
  width: 1240px;
}
.image-full img {
  width: 100%;
  max-width: 2480px;
}

/* text and image boxes */
.text-box {
  border: 2px solid black;
  background-color: #f0f0f0; /* light grey */
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px; /* optional, for rounded corners */
}

.image-box {
  border: 2px solid black;
  background-color: #f0f0f0;
  display: inline-block; /* shrink-wrap to image size */
  padding: 5px;
  margin: 10px 0;
  border-radius: 4px;
}