/* ============================================
   CUSTOM FONTS - Helvetica, Dexperdy, Slogan 
   ============================================ */

/* ============================================
   HELVETICA FONT FAMILY
   ============================================ */

/* Helvetica Regular */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/helvetica/Helvetica.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Oblique (Italic) */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/helvetica/Helvetica-Oblique.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Bold */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/helvetica/Helvetica-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Bold Oblique */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/helvetica/Helvetica-BoldOblique.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ============================================
   HELVETICA NEUE FONT FAMILY
   (Extended Helvetica with more weights)
   ============================================ */

/* Helvetica Neue Thin */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueThin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Thin Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Ultra Light */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueUltraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Ultra Light Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueUltraLightItalic.otf")
    format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Light */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Light Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueLightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Roman (Regular) */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueRoman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Medium */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Medium Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueMediumItalic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Bold */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Bold Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueBoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Heavy */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueHeavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Heavy Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueHeavyItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Helvetica Neue Black */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Helvetica Neue Black Italic */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueBlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ============================================
   DEXPERDY FONT FAMILY
   ============================================ */

/* Dexperdy Thin */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Thin Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Thinitalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Extra Light */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Extralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Extra Light Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Extralightitalic.otf")
    format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Light */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Light Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Lightitalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Regular */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Medium */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Medium Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Mediumitalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Semibold */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Semibold Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Semibolditalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Bold */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Bold Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Bolditalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Dexperdy Extra Bold */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Extrabold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Dexperdy Extra Bold Italic */
@font-face {
  font-family: "Dexperdy";
  src: url("../fonts/dexperdy/Dexperdy%20Extrabolditalic.otf")
    format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* ============================================
   SLOGAN FONT FAMILY
   ============================================ */

/* Slogan Regular */
@font-face {
  font-family: "Slogan";
  src:
    url("../fonts/slogan/Slogan%20Mark.otf") format("opentype"),
    url("../fonts/slogan/Slogan%20Mark.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ============================================
   UTILITY CLASSES FOR EASY USAGE
   ============================================ */

/* Apply Helvetica to specific elements */
.font-helvetica {
  font-family: "Helvetica", Arial, sans-serif;
}

.font-helvetica-thin {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 100;
}

.font-helvetica-light {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 300;
}

.font-helvetica-regular {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 400;
}

.font-helvetica-medium {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 500;
}

.font-helvetica-bold {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 700;
}

.font-helvetica-black {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: 900;
}

/* Apply Helvetica Neue to specific elements */
.font-helvetica-neue {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

.font-helvetica-neue-thin {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 100;
}

.font-helvetica-neue-ultra-light {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 200;
}

.font-helvetica-neue-light {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
}

.font-helvetica-neue-regular {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 400;
}

.font-helvetica-neue-medium {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 500;
}

.font-helvetica-neue-bold {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 700;
}

.font-helvetica-neue-heavy {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 800;
}

.font-helvetica-neue-black {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 900;
}

/* Apply Dexperdy to specific elements */
.font-dexperdy {
  font-family: "Dexperdy", Georgia, serif;
}

.font-dexperdy-thin {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 100;
}

.font-dexperdy-extra-light {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 200;
}

.font-dexperdy-light {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 300;
}

.font-dexperdy-regular {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 400;
}

.font-dexperdy-medium {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 500;
}

.font-dexperdy-semibold {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 600;
}

.font-dexperdy-bold {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 700;
}

.font-dexperdy-extra-bold {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 800;
}

.font-dexperdy-ex-bold {
  font-family: "Dexperdy", Georgia, serif;
  font-weight: 800;
}

/* Apply Slogan to specific elements */
.font-slogan {
  font-family: "Slogan", Arial, sans-serif;
}

.font-slogan-regular {
  font-family: "Slogan", Arial, sans-serif;
  font-weight: 400;
}

/* ============================================
   APPLY FONTS TO YOUR SITE
   ============================================ 
   
   Uncomment these to use the fonts globally:
*/

/* Use Helvetica Neue for the entire body */
body {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* Use Dexperdy for headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Dexperdy", Georgia, serif;
}