@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

:root {
  --border-color: #d23;
  /* red border */
  --header-bg: #f8f5d1;
  /* pale yellow */
  --accent: #003b84;
  /* deep blue text */
  --font: "Arial", sans-serif;
}

#educareResults {
  font-family: var(--font);
}

/* table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
} */

/* thick outer border look like the image */
#educareResults table,
#educareResults table th,
#educareResults table td {
  border: 2px solid var(--border-color) !important;
  padding: 3px 10px;
}

#educareResults .brdr {
  border: 2px solid var(--border-color) !important;
}

#educareResults th,
#educareResults td {
  padding: 6px 8px;
  vertical-align: middle;
  word-wrap: break-word;
  font-size: 13px;
}

.educare-result-table th,
.educare-result-table td {
  text-align: center;
}

@media (min-width: 900px) {
  #educareResults .banner .title h1 {
    font-size: 60px !important;
  }
}



#educareResults .educare-institute,
#educareResults .educare-subtitle2 {
  font-family: "Bricolage Grotesque", sans-serif;
}

#educareResults .educare-table-title {
  background: white;
  color: var(--accent);
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  padding: 10px;
}

.educare-report-card-title {
  color: var(--accent) !important;
}

/* term headers */
#educareResults .educare-table-header {
  background: var(--header-bg) !important;
  color: var(--accent);
}

/* big title row */
#educareResults .educare-term-title {
  font-weight: 700;
  font-size: 20px;
  padding: 12px 10px;
}

/* term headers */
#educareResults .educare-term-subtitle {
  font-weight: 800;
  font-size: 14px;
}

#educareResults .educare-sub-header {
  color: var(--accent);
  text-align: center;
}

#educareResults .banner-bottom-border {
  border-bottom: 5px solid var(--border-color);
}

.brdr-5 {
  border: 5px solid var(--border-color);
}





@media print {
  @page cbse-result-page {
    size: 420mm 555mm;
    margin: 8mm;
  }

  body {
    page: cbse-result-page;
  }

  #educareResults .banner .title h1 {
    font-size: 64px !important;
  }
}