/* update fonts to merriweather for body text amd archivo  for headings */
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/merriweather-v28-latin/merriweather-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/merriweather-v28-latin/merriweather-v28-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/merriweather-v28-latin/merriweather-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/merriweather-v28-latin/merriweather-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/merriweather-v28-latin/merriweather-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/merriweather-v28-latin/merriweather-v28-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
body {
    font-family: 'GeoramaMerriweather';
    font-size: 1.1rem;
}

/* Archivo for headings */
/* archivo-black-regular - latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/archivo-black/archivo-black-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/archivo-black/archivo-black-v16-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/archivo-black/archivo-black-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/archivo-black/archivo-black-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/archivo-black/archivo-black-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://livefromworktown.org/media/templates/site/cassiopeia/fonts/archivo-black/archivo-black-v16-latin-regular.svg#ArchivoBlack') format('svg'); /* Legacy iOS */
}
/* set headings to archivo black */
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Archivo Black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}

/* Make all of top white */
.container-topbar, .container-below-top {
  color: #06070e;
  background-color: #00b3c5;
}
/* Make all of header (including menu pale blue */
.container-header {
  color: #06070e;
  background-color: #00b3c5;
  background-image: none;
  box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
  position: relative;
  z-index: 10;
}

/* change the color of all menu items */
.container-header .mod-menu {
  font-size: 24px;
  color: #06070e;
  background-color: #00b3c5;
  flex: 1 0 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* change the color of the selected menu item */
.container-header .mod-list li.active>a {
  font-size: 24px;
  background-color: #e1c400;
  color: #06070e;
  border-radius: 2px;
  padding: 5px;
  margin: 0 5px;
  border-radius: 2px;
  display: inline-block;
}

/* change color and background color of menu hover */
.mod-menu  .nav-item:hover  a {
  font-size: 24px;  
  color: #06070e;
  background: #817e9f;
  padding: 5px;
  margin: 0 5px;
}

/* change color and background color of footer */
.footer {
  background-color: #005e7c;
  color: #06070e;
  background-image: none;
  margin-top: 1em;
}

/* change link color and fontsize */
:root {
  --cassiopeia-color-primary: black;
  --cassiopeia-color-link: #005e7c;
  --cassiopeia-color-hover: #817e9f;
  --body-font-size: 1.1rem; 
}