/**
 *   These are adjustments to the Academi theme. The theme allows customization
 *   in its settings screen, but by putting the customizations here, they are
 *   saved in our code.
 */

/* Fix spacing and style of footer links */
#footer .footer-bootom /* cspell:disable-line misspelling intentional */ p,
#footer .footer-main .contact-info p a {
   color: var(--white);
}
#footer .footer-main .foot-links ul li {
   margin-bottom: 10px !important;
}
#footer .footer-main .foot-links ul li a {
   line-height: normal;
}
#footer .footer-main .foot-links ul li a:hover,
#footer .footer-main .contact-info p a:hover {
   color: var(--warning);
   text-decoration: underline;
}

/* Fix spacing and background of footer logo. If its background is transparent, it will still look good. */
footer#page-footer .footer-logo {
   background-color: #FFF;
   padding: 8px;
   border-radius: 5px;
}

/* Other areas needing color and size adjustments */
#page-content .coursebox .info .coursename a,
#page-content .activityinstance a {
   color: var(--secondary);
}
#page-content #region-main .singlebutton .btn {
   background-color: var(--primary);
   color: var(--white);
}
#page-content #region-main .singlebutton .btn:hover {
   background: var(--gray-dark);
}
#page-content .coursebox .summary .no-overflow {
   max-height: fit-content;
   line-clamp: 25;
   -webkit-line-clamp: 25;
}

/* Fix question spacing */
form .qtext > .clearfix::after {
   clear: none;
}

/* Adjustments to the print version of the feedback analysis screen */
@media print {
   #page-mod-feedback-analysis #page-navbar,
   #page-mod-feedback-analysis #backToTop,
   #page-mod-feedback-analysis .header-main,
   #page-mod-feedback-analysis .nav-tabs,
   #page-mod-feedback-analysis .chart-table-expand,
   #page-mod-feedback-analysis .activity-navigation,
   #page-mod-feedback-analysis footer,
   #page-mod-feedback-analysis .form-buttons {
      /* We use `!important` to ensure no behaviors override our hiding these elements */
      display: none !important;
   }
   #page-mod-feedback-analysis h1 {
      font-size: 2rem;
   }
   #page-mod-feedback-analysis h2 {
      font-size: 1.5rem;
   }
   #page-mod-feedback-analysis .chart-image canvas {
      width: 99% !important;
   }
   #page-mod-feedback-analysis #region-main {
      border: 0;
      padding: 0;
   }
   #page-mod-feedback-analysis .chart-area {
      break-before: avoid;
   }
   #page-mod-feedback-analysis .chart-area .chart-table-data {
      display: block;
   }
}