/* ==============================================
   WEB FONT DECLARATIONS
   ============================================== */

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

/* Mael medieval */
@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;
}

/* Mikadan */
@font-face {
    font-family: 'mikadan';
    src: url('../css/font/mikadan.otf'),
         url('../css/font/mikadan-webfont.woff2') format('woff2'),
         url('../css/font/mikadan-webfont.woff')  format('woff'),
         url('../css/font/mikadan.ttf')           format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Clever */
@font-face {
    font-family: 'clever';
    src: url('../css/font/clever_font.woff') format('woff'),
         url('../css/font/Clever-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* ==============================================  */
/*   BASE PARAGRAPH STYLING  */
/*   ============================================== */
/* p {  */
/*    font-family: palatino, serif;  */
/*    font-size: 1rem;            baseline */
  /*  color: black;              default color */
  /*  background: transparent;  */
/*    margin: 0;  */
/*    padding: 0; */
/*  } */

/* ==============================================
   PURE FONT-FAMILY CLASSES
   (NO font-size, NO color)
   ============================================== */

.dalek {
    font-family: 'Dalek Pinpoint';
}

.mael {
    font-family: 'maelregular';
}

.mikadan {
    font-family: 'mikadan';
}

.clever {
    font-family: 'clever';
}