/* =========================
   ROBOTO
   ========================= */

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto/roboto.black-italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


/* =========================
   ROBOTO CONDENSED
   ========================= */

@font-face {
    font-family: 'Roboto Condensed';
    src: url('roboto-condensed/roboto-condensed.regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('roboto-condensed/roboto-condensed.italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('roboto-condensed/roboto-condensed.light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('roboto-condensed/roboto-condensed.light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('roboto-condensed/roboto-condensed.bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('roboto-condensed/roboto-condensed.bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


/* =========================
   APPLY FONTS
   ========================= */

/* Basic text */
body,
p,
li,
a {
    font-family: 'Roboto', sans-serif;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
}

/* Widgets */
.widget,
.widget-title {
    font-family: 'Roboto', sans-serif;
}