:root {
    --notice-banner: var(--primary-notice);
    --notice-text: white;
    --notice-link-visited: purple;
    --notice-link-hover: blue;
  }

  .notice-banner,
  .notice-banner .offcanvas {
    background-color: var(--notice-banner);
    color: var(--notice-text);
  }

  .notice-banner {
    padding: 1.2rem;

    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .notice-banner :is(h1, h2, h3, h4, h5, h6) {
    color: var(--notice-text);
  }

  .notice-banner a {
    text-decoration: none;
    font-weight: bold;
  }

  .notice-banner li.page-item:not(.disabled) .page-link {
    color: var(--notice-banner);
  }

  .notice-banner li.page-item.active .page-link {
    background-color: var(--notice-banner);
    color: var(--notice-text);
  }

  .notice-banner a:not([data-bs-toggle]):visited {
    text-decoration: underline;
    text-decoration-color: var(--notice-link-visited);
  }

  .notice-banner a:hover {
    text-decoration: underline;
    text-decoration-color: var(--notice-link-hover);
  }

  .notice-banner a[data-bs-toggle="offcanvas"]:hover {
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-color: var(--notice-text);
  }