/* CSS Document */

/* Cassiopeia changes */

:root {
  --cassiopeia-color-primary: #2F9C95; /* Change primary color */
  --cassiopeia-color-hover: #174F4B;
}
.container-header {
  background-color: #f0f0f0; /* Change header color */
}

.navbar-toggler {
  color: #ffff !important;
  border-color: #ffff !important;
}

.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white; /* Ensure background isn't transparent */
    transition: all 0.3s ease-in-out;
}

.container-header {
 background-color: #ffff;
 background-image: none;
}
.container-header .mod-menu {
 color: #ffff;
 font-size: 1.0rem;
 flex: unset;
}

.container-header .mod-menu a:hover {
    color: #9A6A9A;
    background-color: #68, 65, 65, 0.20;
}
.container-header .navbar-toggler {
 color: #db504a;
 border: 1px solid #db504a;
 
}

.container-topbar {
    background-color: #ef7a5a; /* Replace with your color code, e.g., #2F9C95 */
    background-image: none;
}

.footer {
    background-color: #ef7a5a !important;
    background-image: none !important;
    color: #ffffff; /* Optional: Change text color */
}