@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


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


/* 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 Chunks____*/

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

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



 /*------------- Body and header text---------------- */

.book.font-family-1 {
  font-family: 'Fira Sans', 'Noto Sans TC', sans-serif;
 }

 
 h1, h2, h3, h4 {
  font-family: 'Fira Sans', 'Noto Sans TC', sans-serif;
  color: #274472;
}

.title {
  font-family: 'Fira Sans', 'Noto Sans TC', sans-serif;
  font-size: 2.5em !important;
  color: #274472;
 }

.subtitle {
  font-family: 'Fira Sans', 'Noto Sans TC', sans-serif;
  color: #274472;
}

/* -----------Sidebar div tips------------- */
/* from r-pkgs.org*/

  div.note, div.comment, div.caution {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    min-height: 120px;
    color: #333333;
    background-color: #FCFCFC;
    border-top: dashed 5px #EDF5FF;
    border-bottom: dashed 5px #EDF5FF;
    border-left: solid 5px #EDF5FF;
    border-right: solid 5px #EDF5FF;
  }
  
div.note {
  background-image: url("notebook.svg");
}

div.comment {
  background-image: url("Comment.svg");
}

div.caution {
  background-image: url("Caution.svg");
}

/*-----Body Links-------*/



.book .book-body .page-wrapper .page-inner section.normal a {
  color: #3b66ab;
}

.book .book-body .page-wrapper .page-inner section.normal a:hover {
color: #274472; /* darker color when hovering */
text-decoration: none;
}

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

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

.summary{
  font-family: 'Fira Sans', 'Noto Sans TC', 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: #274472;
}

.summary a:hover {
  color: #3b66ab !important;
} 

.book .book-summary ul.summary li.active>a { /*active TOC links*/
  color: #3b66ab !important;
  border-left: solid 4px;
  border-color: #3b66ab;
  padding-left: 11px !important;
}

li.appendix span, li.part span { /* for TOC part names */
  margin-top: 1em;
  color: color: #1b2c4b !important;
  opacity: 1 !important;
  text-transform: uppercase;
}