/* Kalameh Web: load the provided local files for every available weight. */
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-Thin.woff2") format("woff2"), url("fonts/woff/KalamehWeb-Thin.woff") format("woff"); font-style: normal; font-weight: 100; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-ExtraLight.woff2") format("woff2"), url("fonts/woff/KalamehWeb-ExtraLight.woff") format("woff"); font-style: normal; font-weight: 200; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-Light.woff2") format("woff2"), url("fonts/woff/KalamehWeb-Light.woff") format("woff"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-Regular.woff2") format("woff2"), url("fonts/woff/KalamehWeb-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-Medium.woff2") format("woff2"), url("fonts/woff/KalamehWeb-Medium.woff") format("woff"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-SemiBold.woff2") format("woff2"), url("fonts/woff/KalamehWeb-SemiBold.woff") format("woff"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-Bold.woff2") format("woff2"), url("fonts/woff/KalamehWeb-Bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-ExtraBold.woff2") format("woff2"), url("fonts/woff/KalamehWeb-ExtraBold.woff") format("woff"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "KalamehWeb"; src: url("fonts/woff2/KalamehWeb-Black.woff2") format("woff2"), url("fonts/woff/KalamehWeb-Black.woff") format("woff"); font-style: normal; font-weight: 900; font-display: swap; }

:root { --font-fa: "KalamehWeb", Tahoma, Arial, sans-serif; }

html, body, button, input, textarea, select, optgroup, option, label, table, th, td {
    font-family: var(--font-fa) !important;
}

body { font-weight: 400; line-height: 1.8; letter-spacing: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-fa) !important;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: -.015em;
}

strong, b, .font-weight-bold { font-weight: 700 !important; }
.font-weight-medium { font-weight: 500 !important; }
.small, small { line-height: 1.7; }
::placeholder { font-family: var(--font-fa) !important; font-weight: 400; }

/* A light, consistent finish for common controls across the public site and panels. */
.btn, .nav-link, .dropdown-item, .form-control, .custom-select, .badge, .page-link {
    font-family: var(--font-fa) !important;
}
.btn { font-weight: 500; transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease; }
.btn-primary:hover, .btn-success:hover { transform: translateY(-1px); }
.form-control, .custom-select { line-height: 1.6; }
.form-control:focus, .custom-select:focus { box-shadow: 0 0 0 .2rem rgba(53, 99, 235, .14); }
.card, .modal-content, .dropdown-menu { border-radius: .75rem; }
.card-header { font-weight: 600; }

/* Keep Font Awesome glyphs on their icon font. */
.fa, .fas, .far, .fal, .fab, .fad { font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important; }