/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 27, 2020 */
/* this converts the ttf font to all these for HTML & web use */

@font-face {
    font-family: 'maelregular';
    src: url('../css/font/mael-webfont.eot');
    src: url('../css/font/mael-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/font/mael-webfont.woff2') format('woff2'),
         url('../css/font/mael-webfont.woff') format('woff'),
         url('../css/font/mael-webfont.ttf')  format('truetype'),
         url('../css/font/mael-webfont.svg#maelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* put here so any page which calls font_Mael_medieval CSS can use it */
/* nope  define on each page so can alter size & color  */
/* double nope  too diverse, define here once and have dome with it */
  font.mael {
    font-family: 'maelregular';
    font-weight: normal;
    font-size: 1.4rem;
    color: #2d2929;
      text-shadow: 4px 4px 5px rgba(220, 218, 222, 0.98);
          }

/** for use on light backgrounds -has dk shading **/
  font.maeldk {
    font-family: 'maelregular';
    font-weight: normal;
    font-size: 1.4rem;
    color: #000000;
      text-shadow: 5px 5px 5px rgba(139, 121, 121, 1.0);
          }

  /* Mael font emulates H1 header  */
  font.maelh {
    font-family: 'maelregular';
    font-weight: normal;
    font-size: 3.2rem;
    margin: 3rem;
    color: black;
    /* this is a white text shadow for dk backgrounds  */
    text-shadow: 9px -4px 7px rgba(244, 244, 245, 0.75);
          }

  /* Mael font for header or put in H2 ?  */
  font.maelb {
    font-family: 'maelregular';
    font-weight: normal;
    font-size: 2.3rem;
    color: #282c5f;
    /* this is a white text shadow for dk backgrounds  */
    text-shadow: 5px -2px 3px rgba(244, 244, 245, 0.75);
          }
  /* Mael font for small or put in H2 ?  */
  font.maels {
    font-family: 'maelregular';
    font-weight: normal;
    font-size: 0.8rem;
    color: #182c5f;
          }