@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&display=swap');

/* ==========================================
   CALIFORNIAN FB FONT FAMILY
   ========================================== */

@font-face {
    font-family: 'Californian FB';
    src: url('../fonts/californian-fb/CALIFR.woff') format('woff'),
         url('../fonts/californian-fb/CALIFR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Californian FB';
    src: url('../fonts/californian-fb/CALIFB.woff') format('woff'),
         url('../fonts/californian-fb/CALIFB.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Californian FB';
    src: url('../fonts/californian-fb/CALIFI.woff') format('woff'),
         url('../fonts/californian-fb/CALIFI.TTF') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ==========================================
   HYUNDAI SANS HEAD OFFICE FONT FAMILY
   ========================================== */

@font-face {
    font-family: 'Hyundai Sans Head Office';
    src: url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Light.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Light.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Head Office';
    src: url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Regular.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Regular.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Head Office';
    src: url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Medium.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Medium.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Head Office';
    src: url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Bold.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Bold.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================
   HYUNDAI SANS TEXT OFFICE FONT FAMILY
   ========================================== */

@font-face {
    font-family: 'Hyundai Sans Text Office';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Regular.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Regular.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Text Office';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Italic.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Italic.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Text Office';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Medium.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Medium.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Text Office';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-MediumItalic.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-MediumItalic.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Text Office';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Bold.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Bold.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans Text Office';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-BoldItalic.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-BoldItalic.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ==========================================
   HYUNDAI SANS (GENERIC ALIAS) FONT FAMILY
   ========================================== */

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Light.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Light.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansHeadOffice-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Regular.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Regular.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Italic.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Italic.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Medium.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Medium.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-MediumItalic.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-MediumItalic.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-Bold.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Bold.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai Sans';
    src: url('../fonts/hyundai-sans/HyundaiSansTextOffice-BoldItalic.woff2') format('woff2'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-BoldItalic.woff') format('woff'),
         url('../fonts/hyundai-sans/HyundaiSansTextOffice-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ==========================================
   CSS CUSTOM VARIABLES & ROOT DEFAULTS
   ========================================== */

:root {
    --font-primary: 'Californian FB', Georgia, serif;
    --font-californian: 'Cormorant Garamond', 'Californian FB', Georgia, serif;
    --font-hyundai: 'Hyundai Sans', 'Hyundai Sans Text Office', sans-serif;
    --font-hyundai-head: 'Hyundai Sans Head Office', sans-serif;
    --font-hyundai-text: 'Hyundai Sans Text Office', sans-serif;
}

body, html {
    font-family: var(--font-primary);
}

/* ==========================================
   FONT FAMILY UTILITY CLASSES
   ========================================== */

.font-californian {
    font-family: var(--font-californian) !important;
}

.font-hyundai {
    font-family: var(--font-hyundai) !important;
}

.font-hyundai-head {
    font-family: var(--font-hyundai-head) !important;
}

.font-hyundai-text {
    font-family: var(--font-hyundai-text) !important;
}

/* ==========================================
   FONT WEIGHT & STYLE UTILITY CLASSES
   ========================================== */

.fw-light, .font-light {
    font-weight: 300 !important;
}

.fw-regular, .font-regular, .fw-normal, .font-normal {
    font-weight: 400 !important;
}

.fw-medium, .font-medium {
    font-weight: 500 !important;
}

.fw-bold, .font-bold {
    font-weight: 700 !important;
}

.fst-italic, .font-italic {
    font-style: italic !important;
}

.fst-normal, .font-style-normal {
    font-style: normal !important;
}