noscript p {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #a60800;
}

template {
  display: none;
}

section {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
}

h3 {
  font-weight: normal;
  font-size: 20px;
}

.instructor {
  font-weight: normal;
  color: #828282;
  margin-top: 10px;
  margin-bottom: 10px;
}

.instructor::before {
  content: "Instructor: ";
}

details > summary {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active,
details > summary:hover {
  background-color: #ccc;
}

.description {
  overflow-y: scroll;
  background-color: #f1f1f1;
  max-height: 400px;
  padding: 5px 20px;
}

.information ul {
  margin: 0;
  margin-right: 40px;
}

.essentialInfo li {
  margin-bottom: 18px;
}

hr {
  border-width: 0.5px;
}

div.postponed {
  color: #b30000;
  font-style: italic;
}

div.virtual {
  color: #02a5e6;
  font-style: italic;
}