/* Euclid Circular B — same typeface as Bange Admin */

@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-light-italic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-medium-italic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-semibold-italic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Euclid Circular B";
    src: url("../fonts/euclid/euclid-circular-b-bold-italic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/euclid/euclid-circular-b-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/euclid/euclid-circular-b-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/euclid/euclid-circular-b-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Open Sans";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Open Sans";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("../fonts/euclid/euclid-circular-b-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: url("../fonts/euclid/euclid-circular-b-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: url("../fonts/euclid/euclid-circular-b-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bootstrap / old landing CSS still name Roboto & Montserrat */
@font-face {
    font-family: "Roboto";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/euclid/euclid-circular-b-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/euclid/euclid-circular-b-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/euclid/euclid-circular-b-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/euclid/euclid-circular-b-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/euclid/euclid-circular-b-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-euclid: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif;
    --bs-body-font-family: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif;
    --bs-font-sans-serif: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif;
    --heading-fonts: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif;
    --body-fonts: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif;
}

html,
body {
    font-family: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-header-title,
.page-header-text,
.card-title,
.card-header,
.nav-link,
.btn,
.navbar,
button,
input,
select,
textarea,
.swal2-popup {
    font-family: "Euclid Circular B", ui-sans-serif, system-ui, sans-serif !important;
}