/*David Power | dpow.net | Font Files | Updated: December 23, 2020*/

/*
................. Graphik
................. Basis Grotesque Pro
................. Basis Grotesque Pro Off-White
................. Source Code Pro
................. Source Sans Pro
................. Neue Haas Grotesk Display Pro
................. Neue Haas Grotesk Text Pro
*/


/*-----------------------------------------------------------
    Graphik | Light, Regular, Medium, Semibold, Bold
-------------------------------------------------------------*/


@font-face {
    font-family: 'graphik-light';
    src: url('../fonts/graphik/Graphik-Light.woff2') format('woff2'),
        url('../fonts/graphik/Graphik-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphik-regular';
    src: url('../fonts/graphik/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/graphik/Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphik-medium';
    src: url('../fonts/graphik/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/graphik/Graphik-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphik-semibold';
    src: url('../fonts/graphik/Graphik-Semibold.woff2') format('woff2'),
        url('../fonts/graphik/Graphik-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphik-bold';
    src: url('../fonts/graphik/Graphik-Bold.woff2') format('woff2'),
        url('../fonts/graphik/Graphik-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/*-----------------------------------------------------------
    Basis Grotesque Pro | Light, Regular, Medium, Bold, Black
-------------------------------------------------------------*/


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-Light.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-LightItalic.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-Italic.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-Medium.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-MediumItalic.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-Regular.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-Bold.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-BoldItalic.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-Black.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-pro';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-BlackItalic.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}


/*-----------------------------------------------------------
    Basis Grotesque Pro Off-White | Regular, Italic
-------------------------------------------------------------*/

@font-face {
    font-family: 'basis-grotesque-pro-off-white';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-OffWhite.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-OffWhite.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-pro-off-white';
    src: url('../fonts/basis-grotesque/BasisGrotesquePro-OffWhiteItalic.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesquePro-OffWhiteItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/*-----------------------------------------------------------
    Basis Grotesque Pro Mono | Regular
-------------------------------------------------------------*/

@font-face {
    font-family: 'basis-grotesque-pro-mono';
    src: url('../fonts/basis-grotesque/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesqueMonoPro-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}



@font-face {
    font-family: 'basis-grotesque-pro-mono';
    src: url('../fonts/basis-grotesque/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
         url('../fonts/basis-grotesque/BasisGrotesqueMonoPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



/*-----------------------------------------------------------
    SOURCE CODE PRO | Light, Regular, Medium
-------------------------------------------------------------*/

@font-face {
    font-family: 'source-code-pro';
    src: url('../fonts/source/SourceCodePro-Light.otf.woff2') format('woff2'),
         url('../fonts/source/SourceCodePro-Light.otf.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'source-code-pro';
    src: url('../fonts/source/SourceCodePro-Regular.otf.woff2') format('woff2'),
         url('../fonts/source/SourceCodePro-Regular.otf.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'source-code-pro';
    src: url('../fonts/source/SourceCodePro-Medium.otf.woff2') format('woff2'),
         url('../fonts/source/SourceCodePro-Medium.otf.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/*-----------------------------------------------------------
    SOURCE SANS PRO | Extra Light, Light, Regular, Semibold
-------------------------------------------------------------*/


@font-face {
    font-family: 'source-sans-pro';
    src: url('../fonts/source-sans/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('../fonts/source-sans/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'source-sans-pro';
    src: url('../fonts/source-sans/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/source-sans/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'source-sans-pro';
    src: url('../fonts/source-sans/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/source-sans/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'source-sans-pro';
    src: url('../fonts/source-sans/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('../fonts/source-sans/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/*-----------------------------------------------------------
    Neue Haas Grotesk Display Pro |  
-------------------------------------------------------------*/


@font-face {
    font-family: 'NeueHaasGroteskDisplayPro';
    src: url('../fonts/haas/NeueHaasGroteskDisplayPro-Roman55.woff2') format('woff2'),
        url('../fonts/haas/NeueHaasGroteskDisplayPro-Roman55.woff') format('woff');
    font-weight: 550;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasGroteskDisplayPro';
    src: url('../fonts/haas/NHaasGroteskDSPro-45Lt.woff2') format('woff2'),
        url('../fonts/haas/NHaasGroteskDSPro-45Lt.woff') format('woff');
    font-weight: 450;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasGroteskDisplayPro';
    src: url('../fonts/haas/NHaasGroteskDSPro-35XLt.woff2') format('woff2'),
        url('../fonts/haas/NHaasGroteskDSPro-35XLt.woff') format('woff');
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}


/*-----------------------------------------------------------
    Neue Haas Grotesk Text Pro |  
-------------------------------------------------------------*/

@font-face {
    font-family: 'NeueHaasGroteskTextPro';
    src: url('../fonts/haas/NHaasGroteskTXPro-55Rg.woff2') format('woff2'),
        url('../fonts/haas/NHaasGroteskTXPro-55Rg.woff') format('woff');
    font-weight: 550;
    font-style: normal;
    font-display: swap;
}


.italic {
    font-style: italic;
}