h1, h2, h3, h4, h5, h6 {
  margin: 0,5rem;
  color: #000080;
  line-height: 1.0;
}

hr {margin: 0,5rem; }

p { margin-bottom: 0.2rem; }
p { margin-top: 0.2rem; }

.container-header {
  background-color: #fef1d7;
  background-image: linear-gradient( #fef1d7, #ffffff);
  color: #000080;
}

.container-header .site-description {color: #000080;}

.container-header .mod-menu {
 color: #000080;
 font-size: 1.5rem;
 flex: unset;
}

.container-header .mod-menu li {
   color: #000080;               /* colours the menu items   */
}
.container-header .mod-menu li.active, .container-header .mod-menu > li:hover {
    color: #EB5F52;              /* colours the active menu item yellow and the top level items (when hovered) */
}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
    background: #EB5F52;    /* replace the white "underline" with yellow when hovering over a menu item  */
}

.container-header .mod-below-top {
 color: #000080;
 font-size: 1.5rem;
 flex: unset;
}

.container-header .navbar-toggler {
 color: #000080;
 border: 1px solid #000080;
}

.container-footer {
  color: #000080;
  background-color:   #fef1d7;
  background-image: linear-gradient( #ffffff, #fef1d7);
        }

body.site {
 background-image: url('/images/template/bricks.jpg');
}