:root {
  --cassiopeia-color-primary: purple !important;
  --cassiopeia-color-link: green !important;
} 


h1, h2, h3, h4, h5, h6 {
  color: darkgreen;
} 


}
/* Banner Image */
.mybanner {
  min-width: 100%;
} 



.container-header .mod-menu {
   flex-wrap: wrap;
}

.dropdown-menu {
  --dropdown-link-hover-bg: #f00;
}


/* Footer height */
footer div {padding: 0 !important;}

.footer {
  height: 40px;
  font-size: 1 em;}





/* Read More partially hidden in Blog view on Mobile. This code fixes */
@media (max-width: 992px) {
  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 1 40%;
  }
}