/* All the coding are from this site https://blog.astrid-guenther.de/en/cassiopeia-banner/ (31-3-2022) */

/* Menu */
/* Override the lila background with white */
//.container-header {
// background-color: white;
// background-image: none;
//} 关闭把背景换成白色

/* Text should now be blue */
.container-header .mod-menu {
  color: #0088cc;
}


/* We add padding and radius so that on hover there is a nice background */
//.container-header .mod-menu a {
//  -webkit-border-radius: 0 0 6px 6px;
//  -moz-border-radius: 0 0 6px 6px;
//  border-radius: 0 0 6px 6px;
//  padding: 3px 15px;
//  color: #0088cc;
//}

/* On hover there should be a gray background*/
//.container-header .mod-menu a:hover {
//  background-color: #eee;
//}

/* We need to change the color of the Hamburger Menu because white on white is not good */
//.container-header .navbar-toggler {
//  color: #0088cc;
//  border: 1px solid #0088cc;
//}

/*Giving the website a frame */

//... .site-grid {
//  background-color: #f4f6f7;
//}
//.header {
//  background-color: #f4f6f7;
//}
//.grid-child {
//  padding: 3px 15px;
//  background-color: white;
//}
//.footer {
//  background-color: #f4f6f7;
//  background-image: none;
//}


/*Changing the color set on the whole site */
:root {
 --cassiopeia-color-primary: red;
 --cassiopeia-color-hover: green;
 --cassiopeia-color-link: blue;
}