/* ==========================================================
   SSC BOARD EXAM RESULT CHARTS
   ----------------------------------------------------------
   Goes with the Chart.js bar charts on the two school pages
   and on Impact > Academics. Every page that draws one pushes
   this file in @push('styles') alongside its own, the same way
   timeline.css and olcards.css are shared.

   The figures themselves are in config/schools.php.
   ========================================================== */


/* ----------------------------------------------------------
   THE CANVAS BOX
   ----------------------------------------------------------
   Chart.js sizes a canvas from its parent, so the parent needs
   a height of its own. Without maintainAspectRatio off and a
   box like this the chart either grows on every resize, or —
   if the parent has no height at all — collapses to a legend
   and an axis line with no bars.
   ---------------------------------------------------------- */
.chart-box {
    position: relative;
    height: 320px;
    margin-bottom: 30px;
}


/* ----------------------------------------------------------
   THE CAPTION
   ----------------------------------------------------------
   The school name under a chart, on pages that show more than
   one school. The theme draws a coloured bar under every h4,
   which reads as a divider in the middle of the row.
   ---------------------------------------------------------- */
.chart-school {
    font-size: 16px;
    font-weight: 500;
}

.chart-school:after {
    background: transparent !important;
}