TMwR.css

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&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;
}

/*----- Toolbar line at top----- */

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

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

/* TOC book title */

.summary > li:first-child {
    font-size: 1em;
    height: auto;
    padding: 1em 20px;
    line-height: 2em;
}

.summary > li:first-child a {
    font-size: 12.8px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal !important;
    color: #CA225E !important;
    padding: 0 !important;
    border-left: none;
    letter-spacing: 2pt;

}

.summary > li:first-child a:hover {
  border-left: none;
}

.book .book-summary > nav > ul > li > a {
  border-left: 1pt solid white;
}

.book-summary .divider + .chapter > a {
  white-space: normal !important;
}

li.part:first-child {
   border-top: none;
}

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

.book .book-header.fixed {
  border-bottom: 1px solid transparent;
}

.book .book-header .btn {
  color: #1a162d99;
}

.book .book-header .btn:hover {
  color: #1a162d;
}



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

.book.font-family-1 {
  font-family: 'Lato', sans-serif;
  color: #404040;
}

h1, h2, h3, h4 {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
}

h2, h3 {   
  font-family: 'Lato', sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 1.5pt;
}

h1 {
  color: #CA225E;
  font-size: 41px !important;
}

h2 {
  color: #1a162d;
}

h3 {
  font-size: 1.1em;
  color: #1a162d90;
}

h4 {
  font-size: 1.1em;
  color: #1a162d90;
}

h2 code,
h3 code,
h4 code {
  text-transform: none !important;
  font-size: 1em !important;
}

.title {
  font-family: 'Lato', sans-serif;
  font-size: 3em !important;
  color: #CA225E;
  text-transform: none !important;
}

.subtitle {
  font-family: 'Lato', sans-serif;
  color: #CA225E !important;
}

.subtitle em {
  font-style: normal !important;
}

.author {
  color: #1A162D !important;
  text-transform: uppercase;
  letter-spacing: 2pt;
}

p.author em {
  font-style: normal !important;
}



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

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

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


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

.book .book-summary {
  background: white;
  border-right: #d9d9d9 solid 1pt;
}

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

/* numbers */

li a b  {
  padding-right: 1em;
}

/* list items*/
.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: #1a162dad;
}

.summary a:hover {
  color: #1a162dde !important;
} 

.book .book-summary ul.summary li.active>a { /*active TOC links*/
  color: #CA225E !important;
} 
    
/* parts */

li.appendix span, li.part span { 
  margin-top: 1.5em;
  color: #1A162D;
  opacity: 1 !important;
  text-transform: uppercase;
  letter-spacing: 2pt;
  font-size: 12.8px !important;
  font-weight: bold;
  white-space: normal !important;
}



/*------------- 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 div {
  margin: 1em 0; /* see https://github.com/rstudio/bookdown/pull/738*/
}

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

/* for numbers in code blocks */
pre.numberSource code > span > a:first-child::before {
  left: -0.2em;
}

/*------------- block quotes --------------*/

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

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

/* Div tips */


div.rmdnote, 
div.rstudio-tip, 
div.rmdwarning {
  padding: 1em;
  margin: 1em 0;
  padding-left: 100px;
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px 1.5em;
  min-height: 120px;
  color: #1a162dcc;
  background-color: #91CBD738;
  border-top: 7pt solid #a19ea936;
  max-width: 100%;
  line-height: 1.75em;
  font-size: 0.85em;
  letter-spacing: 1pt;
  margin-bottom: 1.5em;
}

div.rmdnote {
  background-image: url("images/robot.png");
}

div.rstudio-tip {
  background-image: url("images/rstudio.png");
}

div.rmdwarning {
  background-image: url("images/error.png");
  background-color: #eab0c41a !important;
}

div.rmdnote code, 
div.rstudio-tip code {
  background-color: #91CBD765 !important;
  font-size: 1em;
}

div.rmdwarning code {
  background-color: #cb9faf52 !important;
  font-size: 1em;
}


/* ----- For Large Screens -----*/


@media (min-width: 1900px) {
  
  .book .book-header.fixed {
    left: 500px;
}
  
  /* Content width */
  .book.with-summary .book-body {
      left: 500px;
  }
  
  /* TOC */
  .book .book-summary {
    width: 500px;
    left: -500px;
  }

  .book.with-summary .book-header.fixed {
      left: 500px;
      
  }
}


@media (min-width: 1500px) {
  
  /* Content width */
  .book.with-summary .book-body {
      left: 400px;
  }
  
  /* TOC */
  .book .book-summary {
    width: 400px;
    left: -400px;

  }

  .book.with-summary .book-header.fixed {
      left: 400px;
  }
}


@media (min-width: 1400px) {
  
  /* Content width */
  .book.with-summary .book-body {
      left: 350px;
  }
  
  /* TOC */
  .book .book-summary {
      width: 350px;
      left: -400px;
  }

  .book.with-summary .book-header.fixed {
      left: 350px;
  }
} 

/* ----References css bug fix----- */


.page-inner+h3 {
  max-width: 800px;
  margin: 0 auto;
  font-size: 24px;
  padding-left: 15px;
  padding-right: 15px;
}

.page-inner + h3 + .references, 
.page-inner + h3 + .references + .footnotes {
  max-width: 800px;
  margin: 0 auto;
  color: #333333;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.7em;
}

.page-inner + h3 + .references + .footnotes hr {
  max-width: 800px;
  margin: 27.2px auto;
  background-color: #e7e7e7;
  height: 4px;
  border: none;
}

.page-inner + h3 + .references a,
.page-inner + h3 + .references + .footnotes a {
  color: #CA225E;
}


/* Package Names */

span.pkg {  
  font-weight: bold;
  letter-spacing: 0.5pt;
  color: #0080a4;
}

/* White space */

p, ul, ol, dl, blockquote, table, pre {
  margin-bottom: 1.5em !important;
}

li p {
  margin-bottom: 1em !important;
}

/* Cover image */

img.cover {
  float: right;
  margin: 0 1rem 0 1rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

@media (max-width: 767.98px) {
  img.cover {
    float: none;
    display: block;
    margin: 0 auto 1rem auto;
  }
}