:root {
  --cassiopeia-color-primary: maroon;
  --cassiopeia-color-hover: maroon;
  --cassiopeia-color-link: black;
}
.container-header .mod-menu {
justify-content: center;
padding: 0;
}
ul.mod-menu li button {
  font-size: 1em !important;
}
/* Hide sub-menu by default */
.mod-menu .metismenu.mod-menu .mm-collapse {
  display: none;
}

/* Show sub-menu on hover */
.mod-menu .metismenu-item:hover .mm-collapse {
  display: block;
}
.card { border: none; }
.container-nav {
    justify-content: center !important;
}

/*Back top*/
.back-to-top-link.visible {
  justify-content: center;
  position: fixed;
  bottom: 20px;
  right: 50%;
}

/* This targets mobile phones specifically */
@media screen and (max-width: 576px) {
  
/* Force table wrapper to full width */
.responsive-table {
display: block !important;
width: 100% !important;
}

/* Hide the 50% width columns entirely */
.responsive-table colgroup,
.responsive-table col {
display: none !important;
}

/* Stack rows and cells like standard blocks */
.responsive-table tbody,
.responsive-table tr,
.responsive-table td {
display: block !important;
width: 100% !important;
box-sizing: border-box;
}

/* Add padding and a bottom margin to separate the stacked cells */
.responsive-table td {
padding: 12px 0; 
}
  
.responsive-table td:not(:last-child) {
margin-bottom: 15px; 
border-bottom: 1px solid #eee; /* Optional line separator between cells */
}
}