body {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

body {
  padding-top: 70px; /* adjust depending on navbar height */
}

/* footer {
  font-size: 0.9rem;
  background-color: #303846 !important;
} */

/* 2025-09-14 Sunday 15:42:32.  ChatGPT says this is for the sticky footer */
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

#content {
  flex: 1 0 auto; /* main content grows and pushes footer down */
}

footer {
  flex-shrink: 0;
}

/* 2025-09-15 Monday 12:35:44.  */
.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    background-color: #f5f5f5;
    /* background-color: #ffffff; */
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);

    border: solid 1px #f5f5f5;
}

.accordion-item:focus {
    border: solid 1px #ff0000;
}

/* === */

.accordion-button {
  background-color: #e9ecef; /* Replace with your desired color */
  background-color: #ffffff;

  /* border: solid 1px #009900;
  border-bottom: none; */

  color: #0066ff;
  font-weight: 700;

  padding: 1rem 1.25rem !important;

  border: none;
}

.accordion-button:active {
  border: solid 1px #ffcc00;
  border-bottom: none;

  border: none;
}

.accordion-button:not(.collapsed) {
  background-color: #d1e7dd; /* Replace with your desired color */
  background-color: #ffcccc;
  background-color: #cce6ff;
  background-color: #f5f5f5;
  background-color: #c8c8c8;
  /* background-color: #202020; */
  border: none;

  border: solid 1px #ff0000;
  border-bottom: none;

  box-shadow: none;

  color: #ffffff;
  color: #000000;
  font-weight: 700;

  padding: 1rem 1.25rem !important;

  border: none;
}

.accordion-button:focus {
    border: none;

  border: solid 1px #0066ff;
  border-bottom: none;

    box-shadow: none;

  border: none;
}

.accordion-button.collapsed {
  border-color: transparent; /* Example: red */
  border-color: #009933;

  padding: 1rem 1.25rem !important;

  border: none;
}

/* 2025-09-16 Tuesday 19:03:58.  ChatGPT */
/* Prevent accordion header/button shifting on click */
.accordion-button:focus {
  box-shadow: none !important;   /* removes the blue glow */

  border: none;
}

.accordion-button:active {
  padding: 1rem 1.25rem !important; /* locks padding same as default */
  box-shadow: none !important;

  border: none;
}

/* 2025-09-16 Tuesday 19:11:01.  I know I know I have misbehaved by adding 'border: none;'  everywhere in this block.  Just testing....*/