@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Playfair+Display:400,400i,600,600i&display=swap');

/* A lot of this code is taken from the CSS code for rstudio4edu by Desirée De Leon and Alison Hill*/
/* Their book is available at https://rstudio4edu.github.io/rstudio4edu-book/ */

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

.page-inner {
  padding-top: 4px;
}

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

.book.font-family-1 {
  font-family: 'Lato', Arial, sans-serif;
}

.book.font-family-0 {
  font-family: 'Playfair Display', Georgia, serif;
}

.book .book-body .page-wrapper .page-inner section.normal h1, 
.book .book-body .page-wrapper .page-inner section.normal h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.book .book-body .page-wrapper .page-inner section.normal h3, 
.book .book-body .page-wrapper .page-inner section.normal h4, 
.book .book-body .page-wrapper .page-inner section.normal h5, 
.book .book-body .page-wrapper .page-inner section.normal h6 {
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 20px;
    color: #3fb5bd;
}



#header .title {
  font-family: 'Playfair Display', serif;
  font-size: 3em;
  color: #0b8d96;
  margin-top: 0.175em;
  margin-bottom: -25px;
}

#header .subtitle {
  font-family: 'Playfair Display';
  color: #3fb5bd;
  margin-bottom: 15px;
}

.author {
  font-family: 'Playfair Display';
  color: #3fb5bd;
  margin-top: 30px !important;
  font-size: 1.75em !important;
  font-weight: bold;
  text-align: right;
}

.date {
  font-family: 'Playfair Display', serif;
  margin-bottom: -60px;
  margin-top: -20px !important;
  line-height: 1.5;
  text-align: right;
}


h1, h2, h3, h4 {
  font-family: 'Playfair Display', serif;
  color: #0b8d96;
}
  
.section.level1 > p:first-of-type:first-letter { /*drop cap for first p beneath level 1 headers only within class .section*/
  color: #3fb5bd;
  float: left;
  font-family: 'Playfair Display', serif;
  font-size: 7em;
  line-height: 65px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  margin-bottom: 9px;
}

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

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

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

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

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

/* 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;
}


/* .book .book-body .page-wrapper .page-inner section.normal is needed
   to override the styles produced by gitbook, which are ridiculously
   overspecified. Goal of the selectors is to ensure internal "margins"
   controlled only by padding of container */

.book .book-body .page-wrapper .page-inner section.normal div.rstudio-tip > :first-child,
.book .book-body .page-wrapper .page-inner section.normal div.tip > :first-child {
  margin-top: 0;
}

.book .book-body .page-wrapper .page-inner section.normal div.rstudio-tip > :last-child,
.book .book-body .page-wrapper .page-inner section.normal div.tip > :last-child {
  margin-bottom: 0;
}

.page-inner p, li, tr, td, caption  {
  font-size: 16px;
}

.book-summary li {
  font-size: 12px;
}

.datatable p, tr, td, caption, th {
    font-size: 15px;
}

caption {
    margin-bottom: 5px;
}

.book .book-body  .page-wrapper .page-inner section.normal table {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-top: 30px;
margin-bottom: 40px;
overflow: auto;
}

div.dataTables_info {
    margin-top: -30px;
    padding-bottom: 35px;
}

div.dataTables_paginate {
    margin-top: -30px;
    padding-bottom: 35px;
}

div.dataTables_length{
  margin-top: 20px;
  padding-bottom: 8px;
}

div.dataTables_filter{
  margin-top: 20px;
  padding-bottom: 8px;
}

div.figure {
  padding-top: 15px;
  padding-bottom: 15px;
}