:root {
  --cassiopeia-color-primary: #0272a7;
  --cassiopeia-color-hover: #013953;
}
.container-header {
  z-index: 10;
  background-color: var(--headerbg);
  background-image: linear-gradient(180deg, var(--headerbg) 0%, var(--cassiopeia-color-hover) 100%);
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
}
.container-footer {
  z-index: 10;
  background-color: var(--footerbg);
  background-image: linear-gradient(180deg, var(--cassiopeia-color-hover) 0%, var(--footerbg) 100%);
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
}
.footer .grid-child {
  padding: .7rem .5em;
}
.sidebar-left {
  background-color: #f0f0f0;
}

.boxed .blog-item {
  background-color: #e6ecfa;
}

h4 {
  font-size: 14pt; 
  color: #003366;
}
article {
  color: #003366;
}