/*
Theme Name: Pixels-app
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-ThinOblique.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-ExtraLightOblique.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-LightOblique.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-SemiLight.otf') format('opentype');
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-SemiLightOblique.otf') format('opentype');
    font-weight: 350;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-Oblique.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-MediumOblique.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-SemiBoldOblique.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-BoldOblique.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlbulaPro';
    src: url('assets/fonts/AlbulaPro-ExtraBoldOblique.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZ Poppins';
    src: url('assets/fonts/FzPoppins/FZ Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'FZ Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'AlbulaPro', sans-serif;
}