/* ============================================
   CITYLOVE EDITOR - FONTS
   Local Google Fonts
   ============================================ */

/* ============================================
   01 - SERIF
   ============================================ */

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

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

/* Cormorant Garamond */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/01-SERIF/Cormorant_Garamond/CormorantGaramond-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/01-SERIF/Cormorant_Garamond/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Playfair Display */
@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/01-SERIF/Playfair_Display/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/01-SERIF/Playfair_Display/PlayfairDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/01-SERIF/Playfair_Display/PlayfairDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/01-SERIF/Playfair_Display/PlayfairDisplay-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Roboto Serif */
@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/01-SERIF/Roboto_Serif/RobotoSerif-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/01-SERIF/Roboto_Serif/RobotoSerif-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/01-SERIF/Roboto_Serif/RobotoSerif-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Theano Didot */
@font-face {
    font-family: 'Theano Didot';
    src: url('../fonts/01-SERIF/Theano-Didot/TheanoDidot-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   02 - MODERN
   ============================================ */

/* Montserrat */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/02-MODERN/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/02-MODERN/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/02-MODERN/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/02-MODERN/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/02-MODERN/Roboto/Roboto-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Roboto Condensed */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/02-MODERN/Roboto/Roboto_Condensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/02-MODERN/Roboto/Roboto_Condensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Oswald */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/02-MODERN/Oswald/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/02-MODERN/Oswald/Oswald-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Ostrich Sans */
@font-face {
    font-family: 'Ostrich Sans';
    src: url('../fonts/02-MODERN/Ostrich-sans/ostrich-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ostrich Sans';
    src: url('../fonts/02-MODERN/Ostrich-sans/OstrichSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ostrich Sans';
    src: url('../fonts/02-MODERN/Ostrich-sans/OstrichSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ostrich Sans';
    src: url('../fonts/02-MODERN/Ostrich-sans/OstrichSans-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Space Grotesk */
@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/02-MODERN/Space_Grotesk/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/02-MODERN/Open_Sans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/02-MODERN/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Roboto Mono */
@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/02-MODERN/Roboto_Mono/RobotoMono-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/02-MODERN/Roboto_Mono/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/02-MODERN/Roboto_Mono/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Monoton */
@font-face {
    font-family: 'Monoton';
    src: url('../fonts/02-MODERN/monoton/Monoton-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   03 - HANDWRITING
   ============================================ */

/* Clicker Script */
@font-face {
    font-family: 'Clicker Script';
    src: url('../fonts/03-HANDWRITING/Clicker_Script/ClickerScript-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Rock Salt */
@font-face {
    font-family: 'Rock Salt';
    src: url('../fonts/03-HANDWRITING/Rock_Salt/RockSalt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* League Script */
@font-face {
    font-family: 'League Script';
    src: url('../fonts/03-HANDWRITING/League_Script/LeagueScript-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Handlee */
@font-face {
    font-family: 'Handlee';
    src: url('../fonts/03-HANDWRITING/Handlee/Handlee-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* La Belle Aurore */
@font-face {
    font-family: 'La Belle Aurore';
    src: url('../fonts/03-HANDWRITING/La_Belle_Aurore/LaBelleAurore-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Chewy */
@font-face {
    font-family: 'Chewy';
    src: url('../fonts/03-HANDWRITING/Chewy/Chewy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Indie Flower */
@font-face {
    font-family: 'Indie Flower';
    src: url('../fonts/03-HANDWRITING/indie-flower/IndieFlower.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Yellowtail */
@font-face {
    font-family: 'Yellowtail';
    src: url('../fonts/03-HANDWRITING/Yellowtail/Yellowtail-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Permanent Marker */
@font-face {
    font-family: 'Permanent Marker';
    src: url('../fonts/03-HANDWRITING/Permanent_Marker/PermanentMarker-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Pompiere */
@font-face {
    font-family: 'Pompiere';
    src: url('../fonts/03-HANDWRITING/Pompiere/Pompiere-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Waiting for the Sunrise */
@font-face {
    font-family: 'Waiting for the Sunrise';
    src: url('../fonts/03-HANDWRITING/Waiting_for_the_Sunrise/WaitingfortheSunrise-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Architects Daughter */
@font-face {
    font-family: 'Architects Daughter';
    src: url('../fonts/03-HANDWRITING/architects-daughter/ArchitectsDaughter.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Qwigley */
@font-face {
    font-family: 'Qwigley';
    src: url('../fonts/03-HANDWRITING/qwigley/Qwigley-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   04 - TYPEWRITER
   ============================================ */

/* Anonymous Pro */
@font-face {
    font-family: 'Anonymous Pro';
    src: url('../fonts/04-TYPEWRITER/Anonymous_Pro/AnonymousPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anonymous Pro';
    src: url('../fonts/04-TYPEWRITER/Anonymous_Pro/AnonymousPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Cutive Mono */
@font-face {
    font-family: 'Cutive Mono';
    src: url('../fonts/04-TYPEWRITER/Cutive_Mono/CutiveMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* IBM Plex Mono */
@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../fonts/04-TYPEWRITER/IBM_Plex_Mono/IBMPlexMono-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../fonts/04-TYPEWRITER/IBM_Plex_Mono/IBMPlexMono-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../fonts/04-TYPEWRITER/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../fonts/04-TYPEWRITER/IBM_Plex_Mono/IBMPlexMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Source Code Pro */
@font-face {
    font-family: 'Source Code Pro';
    src: url('../fonts/04-TYPEWRITER/Source_Code_Pro/SourceCodePro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('../fonts/04-TYPEWRITER/Source_Code_Pro/SourceCodePro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('../fonts/04-TYPEWRITER/Source_Code_Pro/SourceCodePro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   05 - FUTURISTIC
   ============================================ */

/* Audiowide */
@font-face {
    font-family: 'Audiowide';
    src: url('../fonts/05-FUTURISTIC/Audiowide/Audiowide-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Exo */
@font-face {
    font-family: 'Exo';
    src: url('../fonts/05-FUTURISTIC/Exo/Exo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo';
    src: url('../fonts/05-FUTURISTIC/Exo/Exo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo';
    src: url('../fonts/05-FUTURISTIC/Exo/Exo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Jura */
@font-face {
    font-family: 'Jura';
    src: url('../fonts/05-FUTURISTIC/Jura/Jura-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jura';
    src: url('../fonts/05-FUTURISTIC/Jura/Jura-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Orbitron */
@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/05-FUTURISTIC/Orbitron/Orbitron-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/05-FUTURISTIC/Orbitron/Orbitron-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Rajdhani */
@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/05-FUTURISTIC/Rajdhani/Rajdhani-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/05-FUTURISTIC/Rajdhani/Rajdhani-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/05-FUTURISTIC/Rajdhani/Rajdhani-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}