/*
  Theme Name:   Child Theme - General Education
  Theme URI:    https://generaleducation.missouri.edu/
  Author:       Mizzou Digital Service, University of Missouri
  Author URI:   https://digitalservice.missouri.edu/
  Description:  This Child Theme extends the Mizzou Hybrid Base Theme
  Version:      0.1.0
  Template:     miz-hybrid-base
  Text Domain:  mu-gened-child
*/
.form__field {
  margin-bottom: 1rem;
}

.form__field__label {
  font-weight: 600;
}

.form__field__box-list {
  list-style: none;
  padding: 0;
}
.form__field__box-list .form__field__box-list__item {
  margin: 0 0 4px 0;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 0.5rem 1rem;
}
.form__field__box-list .form__field__box-list__item > * {
  display: inline;
}
.form__field__box-list .form__field__box-list__item label {
  color: #444444;
  padding-left: 0.25rem;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.form__field__select {
  padding: 0.5rem;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}

@media (min-width: 768px) {
  #course_list thead a {
    text-decoration: none;
    display: block;
  }
}
#course_list tr td a {
  display: inline;
  text-decoration: none;
}
@media (min-width: 768px) {
  #course_list tr td a {
    display: block;
  }
}
#course_list tr td sup a {
  display: inline-block;
}
#course_list tr td.category ul {
  list-style: none;
  padding: 0;
}
#course_list .change_reference {
  display: block;
  padding-top: 5px;
}
#course_list .change_reference a {
  display: inline;
}
#course_list .dropped {
  background: #FFECEC;
}
#course_list .dropped a {
  text-decoration: line-through;
}
#course_list .inactive {
  background: #FFECEC;
}

#footnotes li {
  font-size: 0.875em;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .mobile-jump-to-filters {
    display: none;
  }
}

.credits {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 16px;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .credits {
    max-width: 150px;
    margin-right: auto;
    margin-left: auto;
  }
}
.credits.blue {
  text-shadow: 0 1px 1px #1A5888;
  background: #318FD7;
}
.credits.green {
  text-shadow: 0 1px 1px #2D671B;
  background: #3F8F26;
}
.credits.red {
  text-shadow: 0 1px 1px #900000;
  background: #CA4B4B;
}
.credits.purple {
  text-shadow: 0 1px 1px rgb(108, 44, 174);
  background: rgb(108, 44, 174);
}
.credits .number {
  font-size: 36px;
  margin-bottom: 5px;
}
.credits span {
  font-size: 12px;
  display: block;
}

.course_cats {
  list-style: none;
  padding: 0;
}
.course_cats .course_cat {
  margin-top: -1px;
}
.course_cats .course_cat a {
  text-decoration: none;
  display: block;
  padding: 4px 16px;
  background: #FFF4D6;
  border-top: 1px solid #FBD986;
  border-bottom: 1px solid #FBD986;
  color: #111111;
}
@media print {
  .course_cats .course_cat a {
    border-color: #CCCCCC;
    color: #000;
    background: none;
    padding: 4px 0;
  }
}
.course_cats .course_cat a:hover, .course_cats .course_cat a:focus, .course_cats .course_cat a:active {
  background: #fffbf0;
}
.course_cats .course_cat strong {
  text-decoration: none;
  display: block;
  padding: 4px 16px;
  background: #FEE8B6;
  border-top: 1px solid #FBD986;
  border-bottom: 1px solid #FBD986;
}
@media print {
  .course_cats .course_cat strong {
    border-color: #CCCCCC;
    color: #000;
    background: none;
    padding: 4px 0;
  }
}
.course_cats .course_cat strong:hover, .course_cats .course_cat strong:focus, .course_cats .course_cat strong:active {
  background: #fffbf0;
}

.course__attributes {
  gap: 1rem;
}
.course__attributes .gened-credit-container {
  flex: 0 0 25%;
}
.course__attributes #course_hours {
  width: 100%;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 1px #F1B82D;
  background: #F1B82D;
  padding: 4px;
  border-radius: 4px;
}
.course__attributes #course_hours .number {
  font-size: 36px;
  margin-bottom: 5px;
}
.course__attributes #course_hours span {
  font-size: 12px;
  display: block;
}

.margin {
  margin-bottom: 1rem;
}

.margin-2x {
  margin-bottom: 2rem;
}