/* CS559 Theme - 559.scss */
.inlinebtn {
  padding: 1px 5px 2px;
  font-weight: 700;
  color: #006cae;
  white-space: pre-line;
  background: #fff;
  white-space: nowrap; }

.inlinebtn:hover {
  color: #4a4a4a;
  background: #fff; }

/* Animation */
.inlinebtn {
  transition: background-color .25s ease-out; }

/* for some reason, ordered list items are marked as paragraphs by hugo's markdown? */
ol p {
  margin-bottom: 0; }

/* important to make the teaser look like a list (undoing what is in content)
*/
.teaser .meta a {
  color: gray;
  font-weight: 400; }

.teaser h3 a {
  color: black; }

.mini h3 a {
  color: black; }

/* Make the widgets have their own space */
.widget {
  background-color: #f7f7f7;
  padding: 20px 30px;
  border-bottom: 5px solid #c5050c; }

/* the padding arond the widgets looks terrible for search */
.widget-search.widget {
  padding: 0px; }

/* Search widget */
.widget-search__form {
  padding: 0px;
  margin: 10px;
  border: 0px;
  background-color: #f7f7f7; }

.widget-search__field {
  margin: 0px;
  width: 100%; }

/* search results page */
.search__string {
  font-weight: 700;
  font-style: normal; }

.search__context {
  font-style: italic; }

/* Default Widget Spacing is Ugly */
.widget__title {
  padding-bottom: 0px;
  margin: 0 0 .5rem;
  border-bottom: none; }

/* links come from MD - no easy way to style individually */
.widget__list li {
  display: block;
  padding: 3px 0;
  font-weight: 300;
  border-bottom: 0px;
  font-size: 14px;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif'; }

.widget__list li :hover {
  text-decoration: underline; }

/* make the logo appear correctly */
.logo__img {
  margin-right: 20px;
  width: 3rem; }

/* Table of Contents */
.toc {
  margin-bottom: 20px;
  font-weight: 700;
  color: #0000FF;
  background: #fff;
  border-color: #ebebeb;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 1px; }

.toc__title {
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: 'Poppins', 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  background: #c5050c; }

.toc__sidebar ul {
  margin: 0;
  list-style: none; }

.toc__sidebar ul ul a {
  padding-left: 25px; }

.toc__sidebar ul ul ul a {
  padding-left: 45px; }

.toc__sidebar ul ul ul ul ul a {
  padding-left: 65px; }

.toc__sidebar ul ul ul ul ul ul a {
  padding-left: 85px; }

.toc__sidebar li {
  margin: 0; }

.toc__sidebar a {
  display: block;
  padding: 1px 5px;
  color: #c5050c; }

.myexpand {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #e9ecef;
  border-radius: 0.15rem; }
  .myexpand .myexpand-head {
    background: #f8f9fa;
    padding: 0.5rem 1rem;
    cursor: pointer; }
  .myexpand .myexpand-content {
    padding: 1rem; }

.book-expand {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #e9ecef;
  border-radius: 0.15rem;
  overflow: hidden; }
  .book-expand .book-expand-head {
    background: #f8f9fa;
    padding: 0.5rem 1rem;
    cursor: pointer; }
  .book-expand .book-expand-content {
    display: none;
    padding: 1rem; }
  .book-expand input[type="checkbox"]:checked + .book-expand-content {
    display: block; }

.expand__button {
  color: #c5050c;
  font-style: italic; }

/** from the 2008 class */
.dimbox {
  background: #dee7ff;
  border: 0px;
  margin: 0pt 0pt 40pt;
  padding: 32pt;
  color: #4a4a4a; }

.dimbox h2 {
  color: #4a4a4a; }

.dimbox a {
  color: #c5050c; }

.dimbox a:hover {
  color: #e22d30;
  text-decoration: underline; }

table pre {
  border: 0;
  margin: 0;
  padding: 1em; }

.footer__copyright {
  text-align: left; }

.footer__lastmod {
  text-align: right; }

.boldred {
  color: #e22d30;
  font-weight: bold; }

.includebox {
  overflow: hidden;
  border: 2px solid gray;
  border-radius: 5px;
  width: 640px; }

.galleryimagebox {
  display: flex;
  flex-direction: row; }