/* =========================================================
   Lama Sans - Website Font

   Expected folders:
   Content/assets/css/LamaSans.css
   Content/assets/fonts/LamaSans-Regular.otf
   Content/assets/fonts/LamaSans-Medium.otf
   Content/assets/fonts/LamaSans-ExtraBold.otf
   Content/assets/fonts/LamaSans-BoldExpanded.otf
   Content/assets/fonts/LamaSans-BlackExpanded.otf
========================================================= */

@font-face {
    font-family: "Lama Sans";
    src: url("../fonts/LamaSans-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("../fonts/LamaSans-Medium.otf") format("opentype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("../fonts/LamaSans-BoldExpanded.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("../fonts/LamaSans-ExtraBold.otf") format("opentype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("../fonts/LamaSans-BlackExpanded.otf") format("opentype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

:root {
    --website-font: "Lama Sans", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option {
    font-family: var(--website-font) !important;
}

body {
    font-weight: 400;
    font-synthesis: none;
}

/* Main large titles: LamaSans ExtraBold */
h1,
h2,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.hero-copy h1,
.section-title,
.market-purple-title,
.inner-hero h1 {
    font-family: var(--website-font) !important;
    font-weight: 800 !important;
}

/* Secondary titles: LamaSans Medium */
h3,
h4,
h5,
h6,
.eyebrow,
.subtitle {
    font-family: var(--website-font) !important;
    font-weight: 500 !important;
}

p,
a,
span,
label,
li,
small,
strong,
b,
.navbar,
.dropdown-menu,
.btn,
.form-control,
.form-select {
    font-family: var(--website-font) !important;
}

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

/* Optional utility classes */
.font-lama-regular {
    font-weight: 400 !important;
}

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

.font-lama-bold-expanded {
    font-weight: 700 !important;
}

.font-lama-extra-bold {
    font-weight: 800 !important;
}

.font-lama-black-expanded {
    font-weight: 900 !important;
}

/* Keep icon fonts untouched */
.bi,
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-family: "bootstrap-icons" !important;
}

.fa,
.fas,
.far,
.fal,
.fab,
[class^="fa-"]::before,
[class*=" fa-"]::before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}