/*
  Theme Name:   Child Theme - bppm
  Theme URI:    https://bppm.missouri.edu/
  Author:       Mizzou Digital Service, University of Missouri
  Author URI:   https://digitalservice.missouri.edu/
  Description:  This Child Theme extends the Mizzou WP Theme
  Version:      1.2.1
  Template:     mizzou-wp-base
  Text Domain:  theme-child
*/
/* General */
.bppm-section-cta {
  max-width: 78%;
  float: right;
  padding: 14px 0 0 0;
}

.bppm--section-cta__item--full {
  padding: 0 !important;
}

.bppm-term-list {
  list-style: none;
  padding: 0;
  border-top: solid 1px #f6d075;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.bppm-term-list li a {
  display: block;
  font-weight: 700;
  text-decoration: none;
  padding: 0.5em 2%;
  border-bottom: solid 1px #f6d075;
  transition: all linear 0.2s;
}

.bppm-term-list li a em {
  font-weight: 400;
  font-size: 0.9em;
}

.bppm-term-list li a:focus,
.bppm-term-list li a:hover {
  background-color: #f1b82d;
}

.bppm-section-cta__item--full {
  flex: 0 0 100%;
  padding: 0;
}

.bppm-main-content__article {
  flex: 0 0 100%;
  max-width: 100%;
}

.miz-comp-footer {
  max-width: 100%;
}

/* Responsive code */
@media screen and (max-width: 37.5em) {
  nav.miz-comp-primary-nav > button {
    position: relative !important;
  }

  .bppm-section-sidebar-wrapper {
    max-width: 100%;
    padding: 650px 0 20px 0;
  }

  .bppm--section-cta__item--full {
    width: 100% !important;
  }

  .bppm-section-cta {
    max-width: 100% !important;
  }

  .aside {
    flex: 0 0 85%;
  }

  .bppm-page-content__single {
    flex: 0 0 100%;
    max-width: 100%;
  }

  h1 {
    font-size: 1.5em;
  }

  h2 {
    font-size: 1.25em;
  }
}
/* Sidebar */
.menu li {
  width: 100% !important;
}

.bppm-section-sidebar ul {
  list-style-type: none;
  margin-left: -40px;
}

.bppm-comp-sidebar {
  margin-left: -50px;
  background-color: #FEE8B6;
}

.bppm-comp-sidebar li a {
  display: block;
}

.bppm-comp-sidebar li:hover,
.bppm-comp-sidebar li:focus,
.bppm-comp-sidebar li a:hover,
.bppm-comp-sidebar li a:focus {
  background-color: #F8D986;
}

.bppm-comp-sidebar a {
  text-decoration: none;
}

.bppm-comp-sidebar li {
  padding: 5px 0 5px 10px;
}

#menu-primary {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.bppm-section-sidebar-content {
  margin-top: 30px;
  background-color: #FEE8B6;
}

.bppm-section-sidebar-content a {
  padding-left: 5px;
  letter-spacing: normal;
  font-size: 10pt;
}

.miz-layer {
  display: flex;
  flex-direction: row-reverse;
}

.bppm-page-content__single {
  flex: 0 0 80%;
  max-width: 80%;
}

.aside {
  flex: 0 0 20%;
}