/* Adapted from the original portal typography.css supplied in its production ZIP.
   The unmodified Inter 4.1 font and its license are kept together in ../fonts/. */
@font-face {
  font-family: Inter;
  src: url("../fonts/inter-variable-4.1.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

html.school-theme {
  --school-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans Telugu", "Nirmala UI", sans-serif;
  --school-type-page-heading: 26px;
  --school-type-section-heading: 20px;
  --school-type-card-title: 17px;
  --school-type-body: 16px;
  --school-type-navigation: 16px;
  --school-type-button: 16px;
  --school-type-input: 16px;
  --school-type-table: 14px;
  --school-type-secondary: 13px;
  --school-type-kpi: 30px;
  --school-line-body: 1.5;
  --school-line-heading: 1.25;
  --school-touch-target: 44px;
  min-width: 0;
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.school-theme body:is(.school-shell, .school-public-shell),
html.school-theme body:is(.school-shell, .school-public-shell) :is(button, input, select, textarea) {
  font-family: var(--school-font-sans) !important;
}

html.school-theme body:is(.school-shell, .school-public-shell),
html.school-theme body:is(.school-shell, .school-public-shell) :is(.super-admin-page, .super-admin-details-page) {
  font-size: var(--school-type-body) !important;
  font-weight: 400;
  line-height: var(--school-line-body) !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(:lang(te), [lang="te"]) {
  font-family: "Noto Sans Telugu", "Nirmala UI", var(--school-font-sans) !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(h1, .h1, .content-header h1) {
  font-size: var(--school-type-page-heading) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(h2, .h2) {
  font-size: var(--school-type-section-heading) !important;
  font-weight: 700 !important;
  line-height: var(--school-line-heading) !important;
  letter-spacing: 0;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(h3, .h3, .card-title) {
  font-size: var(--school-type-card-title) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(.nav-link, .navbar, .school-shell-footer-nav a),
html.school-theme body.school-shell .main-sidebar .nav-sidebar .nav-link {
  font-family: var(--school-font-sans) !important;
  font-size: var(--school-type-navigation) !important;
  font-weight: 600 !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(.nav-link, .navbar-toggler, .school-shell-footer-nav a) {
  min-width: var(--school-touch-target);
  min-height: var(--school-touch-target) !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(.btn, button, input[type="button"], input[type="submit"], input[type="reset"]),
html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-superadmin, .school-platform) :is(.btn, button) {
  min-height: var(--school-touch-target) !important;
  font-family: var(--school-font-sans) !important;
  font-size: var(--school-type-button) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(.form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-superadmin, .school-platform) :is(.form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  min-height: var(--school-touch-target) !important;
  font-size: var(--school-type-input) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) textarea { min-height: 112px !important; }

html.school-theme body:is(.school-shell, .school-public-shell) :is(label, .form-label, dt, .super-admin-password-label),
html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-superadmin, .school-platform) :is(label, .form-label, dt, .super-admin-password-label) {
  font-size: var(--school-type-secondary) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(small, .small, .text-muted, .sp-help, .sp-eyebrow, .school-shell-footer-meta),
html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-superadmin, .school-platform) :is(small, .small, .text-muted, .sp-help) {
  font-size: var(--school-type-secondary) !important;
  line-height: 1.4 !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(.table, table, .sp-table),
html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-superadmin, .school-platform) :is(.table, table, th, td),
html.school-theme body.school-shell .school-superadmin .school-superadmin-table-scroll :is(th, td) {
  font-size: var(--school-type-table) !important;
  line-height: 1.45 !important;
}

html.school-theme body.school-shell .school-superadmin .super-admin-stat-card.small-box strong,
html.school-theme body.school-shell .small-box h3,
html.school-theme body:is(.school-shell, .school-public-shell) .sp-mini-stat strong {
  font-size: var(--school-type-kpi) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

html.school-theme body.school-shell .school-superadmin .super-admin-stat-card.school-superadmin-stat-text.small-box strong {
  font-size: var(--school-type-card-title) !important;
  line-height: 1.3 !important;
}

html.school-theme body.school-shell .school-superadmin .super-admin-stat-card.small-box > .inner > span,
html.school-theme body:is(.school-shell, .school-public-shell) .super-admin-module-chip {
  font-size: var(--school-type-card-title) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html.school-theme body.school-shell .school-superadmin .super-admin-stat-card.small-box small {
  font-size: var(--school-type-secondary) !important;
  line-height: 1.4 !important;
}

html.school-theme body:is(.school-shell, .school-public-shell) :is(.custom-control-label, .form-check, .sp-module-choice) { min-height: var(--school-touch-target); }
html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-header-brand, .brand-link .brand-text, .public-school-brand, .public-school-nav .navbar-brand) {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}
@media (max-width: 767.98px) {
  html.school-theme body:is(.school-shell, .school-public-shell) :is(.school-header-brand, .public-school-brand, .public-school-nav .navbar-brand) { font-size: 1.12rem !important; }
  html.school-theme body.school-shell .school-shell-footer-nav a { font-size: var(--school-type-secondary) !important; }
}
html.school-theme body:is(.school-shell, .school-public-shell) :is(img, svg, video, canvas) { max-width: 100%; }
html.school-theme body:is(.school-shell, .school-public-shell) :is(h1, h2, h3, p, li, dd, label, .btn) { overflow-wrap: anywhere; }

@media (min-width: 768px) {
  html.school-theme {
    --school-type-page-heading: 30px;
    --school-type-section-heading: 22px;
    --school-type-card-title: 18px;
    --school-type-body: 15px;
    --school-type-navigation: 15px;
    --school-type-button: 15px;
    --school-type-input: 16px;
    --school-type-kpi: 32px;
  }
}

@media (min-width: 1200px) {
  html.school-theme {
    --school-type-page-heading: 32px;
    --school-type-section-heading: 24px;
    --school-type-input: 15px;
    --school-type-kpi: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.school-theme body:is(.school-shell, .school-public-shell) *,
  html.school-theme body:is(.school-shell, .school-public-shell) *::before,
  html.school-theme body:is(.school-shell, .school-public-shell) *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
