/* Font Loading Notes */

/* SVG Compatibility( Legacy IOS ): Why we are using #FontName at end of the SVG font declaration. This is purely needed as the SVG fonts will not work without a hashtag. It is
simply a pointer to the ID of the font defined inside the SVG file. If you don't include it, the whole SVG file will be loaded,
including SVG headers that prevent the font from being recognized. */

/* Load the global muli font */
/* Standard Representation */
@font-face {
    font-family: Muli;
    src: url('Muli-Regular.woff2')      format('woff2'),             /* Super Modern Browsers */
         url('Muli-Regular.woff')       format('woff'),              /* Pretty Modern Browsers */
         url('Muli-Regular.ttf')        format('truetype'),          /* Safari, Android, iOS */
         url('Muli-Regular.svg#Muli')   format('svg');               /* Legacy iOS */
}

/* Bold Representation */
@font-face {
    font-family: Muli;
    src: url('Muli-Bold.woff2')       format('woff2'),             /* Super Modern Browsers */
         url('Muli-Bold.woff')        format('woff'),              /* Pretty Modern Browsers */
         url('Muli-Bold.ttf')         format('truetype'),          /* Safari, Android, iOS */
         url('Muli-Bold.svg#Muli')    format('svg');               /* Legacy iOS */
    font-weight: bold;
}

/* Bold-Italic Representation */
@font-face {
    font-family: Muli;
    src: url('Muli-BoldItalic.woff2')      format('woff2'),             /* Super Modern Browsers */
         url('Muli-BoldItalic.woff')       format('woff'),              /* Pretty Modern Browsers */
         url('Muli-BoldItalic.ttf')        format('truetype'),          /* Safari, Android, iOS */
         url('Muli-BoldItalic.svg#Muli')   format('svg');               /* Legacy iOS */
    font-weight: bold;
    font-style: italic;
}

/* Italic Representation */
@font-face {
    font-family: Muli;
    src: url('Muli-Italic.woff2')      format('woff2'),             /* Super Modern Browsers */
         url('Muli-Italic.woff')       format('woff'),              /* Pretty Modern Browsers */
         url('Muli-Italic.ttf')        format('truetype'),          /* Safari, Android, iOS */
         url('Muli-Italic.svg#Muli')   format('svg');               /* Legacy iOS */
    font-style: italic;
}

/* Load the eduspot font */
/* Bold Representation */
@font-face {
    font-family: eduspot;
    src: url('eduspot-bold.woff2')       format('woff2'),             /* Super Modern Browsers */
         url('eduspot-bold.woff')        format('woff'),              /* Pretty Modern Browsers */
         url('eduspot-bold.ttf')         format('truetype'),          /* Safari, Android, iOS */
         url('eduspot-bold.svg#eduspot') format('svg');               /* Legacy iOS */
    font-weight: bold;
}