:root {
  --cassiopeia-color-primary: #3b5b81;
  --cassiopeia-color-hover: #273d54;
  --cassiopeia-color-link: navi;
}
.colors1 {
  --website-color-primary: 34, 106, 170;
  --website-color-hover: 242, 48, 48;
  --cassiopeia-color-primary: rgba(var(--website-color-primary),0.5);
  --cassiopeia-color-hover: rgb(var(--website-color-hover));
  --cassiopeia-color-link: rgb(var(--website-color-primary));
}
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}

/* Color the dropdown menu in the menu with the class .metismenu.mod-menu .mm-collapse */

 .metismenu.mod-menu .parent>ul{
    background: whitesmoke;
}

/* or you color all icons with this special statement  .fa, .fas, [class*=" icon-"], [class^="icon-"] {*/

.fas {
    color: #6fa8dc;
}