.container-header {
    background-color: #eeeeee;
    background-image: none;
}

.container-header .mod-menu {
    colour: #eeeeee;
}
#sp-main-menu div.sp-menu-group a.sp-menu-group .menu-title {
    text-transform: uppercase;
    font-size: 20px;
}
.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;
  font-size: 20px;
  font-weight: normal;
  padding: 3px 15px;
  colour: #373737;
}

.container-header .mod-menu a:hover {
    background-color: black;
}
/* Banner Image */
.mybanner {
  min-width: 100%;
}

/* Menu */

/* Override the lila background with grey */
.container-header {
    background-color: #eeeeee;
    background-image: none;
}

/* Text should now be white */
.container-header .mod-menu {
    color: #373737;
}

/* 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: #666666;
}

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

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: grey;
    border: 1px solid #4F4F4F;
}
.footer {
    margin-top: 1em;
    color: black;
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));
}/* set background-image to none */
background-image: none;
@media (max-width: 992px) {
  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 1 40%;
  }
}
.container-footer {
    background-color: #eeeeee;
    background-image: none;
}
.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 22, 2023 */