/* California State Web Template typography
   https://template.webstandards.ca.gov/visual-design/typography.html
   This is the only type scale used on IdAM pages. */

:root {
    --bs-font-sans-serif: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
}

html,
body {
    font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
}

body {
    font-size: 14px !important;
    line-height: 1.5;
    font-weight: 400;
}

/* Drop custom IdAM type sizes so only this scale applies.
   Icon fonts keep their own family and size. */
[class^="idam-"]:not([class*="icon"]):not([class*="stat-card"]):not([class*="app-tile"]):not([class*="overview"]),
[class*=" idam-"]:not([class*="icon"]):not([class*="stat-card"]):not([class*="app-tile"]):not([class*="overview"]) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
}

h1,
.h1,
h1[class] {
    font-family: var(--bs-font-sans-serif);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
}

h2,
.h2,
h2[class] {
    font-family: var(--bs-font-sans-serif);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.375;
}

h3,
.h3,
h3[class] {
    font-family: var(--bs-font-sans-serif);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
}

h4,
.h4,
h4[class] {
    font-family: var(--bs-font-sans-serif);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
}

h5,
.h5,
h5[class] {
    font-family: var(--bs-font-sans-serif);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
}

h6,
.h6,
h6[class] {
    font-family: var(--bs-font-sans-serif);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
}

p {
    font-size: 14px;
    line-height: 1.5;
}

.lead,
p.lead,
.idam-apps__lead,
.idam-dash__lead,
.small,
small,
p.small,
.simple-footer__copyright,
.idam-apps__count {
    font-size: 14px;
}

button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
label,
.form-control-label,
th,
td {
    font-family: inherit;
    font-size: 14px !important;
    line-height: inherit;
}

.idam-welcome,
.idam-welcome h1,
.idam-welcome .h3,
.idam-welcome .small,
.idam-overview,
.idam-overview h1,
.idam-overview h2,
.idam-overview p,
.idam-overview span,
.idam-overview a,
.idam-overview li,
.idam-overview label,
.idam-overview td,
.idam-overview th,
.utility-header,
.utility-header a,
.utility-header p,
.official-tag,
.settings-links a {
    font-size: 14px !important;
}