@supports (display: grid) {
  .site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(4, minmax(0, 19.875rem))[main-end] minmax(0, 1fr)[full-end];
    grid-template-areas: ". banner banner banner banner ."
                         ". top-a top-a top-a top-a ."
                         ". top-b top-b top-b top-b ."
                         ". side-r side-r side-r side-r ."
                         ". side-l side-l side-l side-l ."
                         ". comp comp comp comp ."
                         ". bot-a bot-a bot-a bot-a ."
                         ". bot-b bot-b bot-b bot-b .";
    display: grid;
  }

  .site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    column-gap: 1em;
    width: 100%;
    max-width: none;
  }

  .site-grid > .full-width {
    grid-column: full-start / full-end;
  }

  @media (width >= 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ."
                           ". top-a top-a top-a top-a ."
                           ". top-b top-b top-b top-b ."
                           ". side-l comp comp side-r ."
                           ". bot-a bot-a bot-a bot-a ."
                           ". bot-b bot-b bot-b bot-b .";
    }
  }
}

:root {
  --cassiopeia-color-primary: #D9EAD3;
  --cassiopeia-color-link: #000000;
  --link-color: #000000;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: #D9EAD3;
  --link-hover-color: #38761d;
  --link-hover-color-rgb: 149, 75, 86;
}
.container-header .mod-menu > li > a, 
.container-header .mod-menu > li > span {
	color: #000000;
}


@charset "UTF-8";
:root, [data-bs-theme="light"] {
 --body-line-height: 1.3;
  }
.card {
  --card-spacer-y: 0.2rem;
  }

.container-header .navbar-toggler {
  color: #000000;
  cursor: pointer;
  border: 1px solid #000000;
}

h1, .h1 {
  font-size: calc(1.0rem + 1.1vw);
  font-weight: normal;
}

h2 {
  font-weight: normal;
}

h3, .h3 {
    font-size: calc(.8rem + .4vw);
}


@media (width >= 992px) {
  .container-header .metismenu > li > a:after, .container-header .metismenu > li > button:before {
    content: "";
    opacity: .8;
    background: none;
    height: 2px;
    margin: auto;
    transition: all .2s, background-color .2s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
  }
}

.container-header .metismenu > li > a:hover:after, .container-header .metismenu > li > button:hover:before, .container-header .metismenu > li.active > a:after, .container-header .metismenu > li.active > button:before {
  background: #000000;
  left: 0;
  right: 0;
}

a:not([class]) {
    text-decoration: none !important;
}

a {
    text-decoration: none;
}

.btn-primary {
  --btn-color: #000000;
  --btn-bg: #010156;
  --btn-border-color: #010156;
  --btn-hover-color: #000000;
  --btn-hover-bg: #010149;
  --btn-hover-border-color: #010145;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: #fff;
  --btn-active-bg: #010145;
  --btn-active-border-color: #010140;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #010156;
  --btn-disabled-border-color: #010156;
}

.container-topbar, .container-below-top {
  color: #ffffff;
  margin: -10px 0px -5px 0px;
}

.container-top-a {
  position: relative;
  margin: 1px 0px -25px 0px;
}

.container-banner {
  margin: 0 0 -1rem;
  display: block;
}

.container-header .navbar-brand {
  color: #fff;
  margin-inline-end: auto;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  font-size: 2rem;
  display: inline-block;
  position: relative;
  margin: 0px 0px -15px 0px;
}

.container-header .container-search {
  margin-top: -7em;
  color: #000000;
}

.back-to-top-link {
  z-index: 10000;
  color: var(--cassiopeia-color-primary, #112855);
  pointer-events: all;
  background-color: var(--white, #000000);
  border: 1px solid var(--cassiopeia-color-primary, #112855);
  opacity: 0;
  inset-inline-end: 1rem;
  border-radius: .25rem;
  padding: .5em;
  transition: opacity .2s ease-in;
  position: fixed;
  bottom: 1rem;
}

.back-to-top-link.visible {
  opacity: .5;
}

.back-to-top-link:hover, .back-to-top-link:focus {
  color: var(--white, #000000);
  background-color: var(--cassiopeia-color-hover);
  border-color: var(--white, #000000);
}

.mycolor {
  background-color: #D9EAD3;
}
.mycolor .card-body {
  background-color: #D9EAD3;
}

.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0em;
}