/* NOTES AND PREVIOUS SETTINGS

Previous header + footer & titles colours

Used for a while before Caprasimo
.bevan-regular {
  font-family: "Bevan", serif;
  font-weight: 400;
  font-style: normal;
}
h1,.h1 { font-family: 'Bevan';
}

Add shadow
Doesn't work with a heavy font
h1,.h1 {
  color: #00f;
  background-color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

To 20240502
header + footer background: #11800C (dark warm green)
menu: yellow
titles h1: black
--------
20240502 to 20240628 (schmme roughly matching RMac's choice of title colours)
header + footer background: #601f60 (dark purple)
menu: white
titles h1: #c13ec1 (mid-purple)

20240628 to 2024 ( (schmme roughly matching RMac's choice of title colours)
header + footer background: #169179 (emerald green))
menu: yellow
titles h1: tbc

Tried (could use in future)
header + footer background: #555500 (dark brown )
menu: yellow
titles h1: #888800 (mid-brown)



END OF NOTES AND PREVIOUS SETTINGS
*/


.container-header {
  background-color: #169179;
  background-image: none;
}
.container-footer {
  background-color: #169179;
  background-image: none;
  color: #ff0;
}
.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button {
	color: #ff0;
}

.caprasimo-regular {
  font-family: "Caprasimo", system-ui;
  font-weight: 400;
  font-style: normal;
}
h1,.h1 { font-family: 'Caprasimo';
}

h1,.h1 {color: #496bab;
}

/* ==== SET HEADER SIZES ==== */

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (width >= 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 2.5rem;
  }
}

h3, .h3 {
  font-size: calc(1.325rem + .9vw);
}

@media (width >= 1200px) {
  h3, .h3 {
    font-size: 2rem;
  }
}

h4, .h4 {
  font-size: calc(1.3rem + .6vw);
}

@media (width >= 1200px) {
  h4, .h4 {
    font-size: 1.75rem;
  }
}

h5, .h5 {
  font-size: calc(1.275rem + .3vw);
}

@media (width >= 1200px) {
  h5, .h5 {
    font-size: 1.5rem;
  }
}

h6, .h6 {
  font-size: 1.25rem;
}