p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

/* -----------div tips------------- */

div.puzzle, div.fyi, div.demo, div.note {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px center;
  min-height: 120px;
  color: #1f5386;
  background-color: #bed3ec;
  border: solid 5px #dfedff;
  }  

div.puzzle {
  background-image: url(div-icons/Your-turn.png);
}

div.fyi {
 background-image: url(div-icons/fyi.png);
}

div.demo {
  background-image: url(div-icons/Live-code.png);
}

div.note {
  background-image: url(div-icons/lightbulb.png);
}

/*------------ TOC --------------*/

.book .book-summary {
  background: white;
  border-right: none;
}

.summary{
    font-family: 'Muli', sans-serif;
    }

/* all TOC list items, basically */
    .book .book-summary ul.summary li a, 
    .book .book-summary ul.summary li span {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 15px;
      padding-right: 15px;
/*      color: #2f5175; */
    }

    .summary a:hover {
      color: #778ca5 !important;
    } 

    .book .book-summary ul.summary li.active>a { /*active TOC links*/
      color: #5699cc !important;
      border-left: solid 4px;
      border-color: #5699cc;
      padding-left: 11px !important;
    } 
    
    li.appendix span, li.part span { /* for TOC part names */
      margin-top: 1em;
      color: #778ca5;
      opacity: 1 !important;
      text-transform: uppercase;
    }
    
    .part + li[data-level=""] { /* grabs first .chapter immediately after .part...but only those ch without numbers */
      text-transform: uppercase;
    }
    
  /* The next two rules make the horizontal line go straight across in top navbar */

.summary > li:first-child {
	height: 50px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0,0,0,.07);
}

.book .book-summary ul.summary li.divider {
	height: 0px;
}

/*------------- CODE --------------*/

.book .book-body .page-wrapper .page-inner section.normal code, 
.book .book-body .page-wrapper .page-inner section.normal pre {
  font-family: 'Source Code Pro', monospace;
  font-size: 1em;
}

.sourceCode pre {
  margin: 0 !important; /* makes space above and below symmetrical*/
}

.sourceCode {
  margin-bottom: 0.85em; /* adds same amount of margin beneath chunk as a <p> would */
}

/*------------- BLOCK QUOTES --------------*/

blockquote > p:last-child {
  text-align: right;
}

blockquote > p:first-child {
  text-align: inherit;
}