body {
  font-family: "Inter", sans-serif;
  font-weight: 300;
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 576px) {
  .container-wide {
    max-width: 90%;
  }
}

@media (min-width: 1200px) {
  .container-wide {
    max-width: 1140px;
  }
}

a {
  color: mediumblue;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

b, strong {
  font-weight: 600;
}

.navbar {
  font-weight: 400;
  --bs-navbar-brand-font-size: 1rem;
}

.navbar a {
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.fs-7 {
  font-size: 0.8rem !important;
}

.fs-8 {
  font-size: 0.6rem !important;
}

#course-jumbotron {
  background-image: url('../images/network-cable.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 200px;
  border-radius: 0.375rem;
  border-top-right-radius: 3rem;
  border: 1px solid gray;
}

#course-title {
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 600;
  color: #FF5F05;
  text-shadow: gray 1px 0pt 0.5pt;
  margin: 0.5rem 0rem;
}

#course-subtitle {
  font-size: 1.1rem;
  font-weight: 400;
  color: #13294B;
  background-color: aliceblue;
  border: 1px solid gray;
  border-radius: 0.375rem;
  padding: 0.1rem 0.75rem;
}

#course-logo {
  width: 150px;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  margin: 0.25rem 1.5rem 0.5rem 0rem;
}

.sparse-lists > li {
  margin-bottom: 0.5rem;
}

.sparse-lists > li:last-child {
  margin-bottom: 0;
}

.quote {
  border-left: 0.25rem solid var(--quote-border-left);
  padding: 0.25rem 1rem;
}

.quote > :last-child {
  margin-bottom: 0;
}

.quote-primary {
  --quote-border-left: var(--bs-primary-border-subtle);
}

.quote-secondary {
  --quote-border-left: var(--bs-secondary-border-subtle);
}

.quote-success {
  --quote-border-left: var(--bs-success-border-subtle);
}

.quote-info {
  --quote-border-left: var(--bs-info-border-subtle);
}

.quote-warning {
  --quote-border-left: var(--bs-warning-border-subtle);
}

.quote-danger {
  --quote-border-left: var(--bs-danger-border-subtle);
}

.callout {
  border-left: 0.25rem solid var(--bs-warning);
  padding: 0.75rem 1rem;
  background-color: var(--bs-highlight-bg);
}

.text-bg-danger-subtle {
  background-color: rgba(248, 215, 216, 0.6);
}

.text-bg-success-subtle {
  background-color: rgba(209, 231, 221, 0.6);
}

.text-goldenrod {
  color: goldenrod;
}

.text-royalblue {
  color: royalblue;
}

.text-brown {
  color: brown;
}

.illini-orange {
  color: #FF5F05;
}

.illini-blue {
  color: #13294B;
}

.darkblue {
  color: darkblue;
}

.bell-yellow {
  color: #f1b102;
}

.bg-illini-orange {
  background-color: #FF5F05;
}

.bg-illini-blue {
  background-color: #13294B;
}

.border-warning-subtle {
  border-color: #d3be7f !important;
}

#schedule-table thead {
  --bs-table-color: white;
  --bs-table-bg: darkslateblue;
}

#schedule-table .badge {
  --bs-badge-padding-y: 0.2em;
  --bs-badge-font-weight: 600;
}

.badge-secondary {
  border: 1px solid var(--bs-secondary-border-subtle);
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
}

.badge-warning {
  border: 1px solid #d3be7f;
  background-color: var(--bs-warning-bg-subtle);
  color: var(--bs-warning-text-emphasis);
  width: 4.5rem;
}

.badge-success {
  border: 1px solid var(--bs-success-border-subtle);
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
  width: 4.5rem;
}

.badge-danger {
  border: 1px solid var(--bs-danger-border-subtle);
  background-color: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
  width: 4.5rem;
}