:root {
  --islr-blue: #1188ce;
  --white: #ffffff;
  --font-col: #333;
  --font-mono: "Roboto Mono";
  --font-sans: "Roboto Regular";
  --font-thin: "Roboto Thin";
}

.book .book-body .page-wrapper .page-inner section.normal code, .book .book-body .page-wrapper .page-inner section.normal pre {
  font-family: var(--font-mono) !important;
}

code:before, code:after {
  content: none !important;
}

p.caption {
  margin-top:10px;
  color: var(--islr-blue);
}
p.caption em {
  color: #777;
}/*
p.caption:not(em) {
  color: #1188ce;
}
*/
p code, li code, summary code {
  white-space: inherit;
  color: #B44C1C !important;
  background-color: var(--white) !important;
  font-size: 1em !important;
  font-weight: 500;
  padding: 0 !important;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  font-family: var(--font-mono);
  white-space: inherit;
}

p, div {
  font-family: var(--font-sans);
}



code, kbd, pre, samp, .sourceLine, .sourceCode {
  font-family: var(--font-mono);
}



.book.font-family-0 {
  font-family: var(--font-sans);
}
.book.font-family-1 {
  font-family: var(--font-thin);
}

.book .book-body .page-wrapper .page-inner {
  max-width: 900px !important;
}

.book .book-summary {
  background-color: #ffffff;
  border-right: 1px solid #1188ce5e;
  width: 350px;
}

.book .book-summary ul.summary li.divider {
  background: #1188ce5e;
}
.book .book-summary ul.summary li {
  font-family: var(--font-thin);
  font-weight: 600;
}
.book .book-summary ul.summary li:not(.chapter) a {
  color: var(--islr-blue);
  font-size:1.7rem;
}


.book .book-header.fixed {
  color: var(--islr-blue);
  border-bottom: 1px solid #1188ce5e;
}

.book .book-body .page-wrapper .page-inner section.normal h1, 
.book .book-body .page-wrapper .page-inner section.normal h2, 
.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 {
  color: var(--islr-blue);
  font-family: var(--font-thin);
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
  background-color: var(--islr-blue) !important;
}

@media (min-width: 600px) {
  .book.with-summary .book-body {
    left: 350px;
  }
  .book.with-summary .book-header.fixed {
    left: 350px;
  }
}

.tab-num {
  color: var(--islr-blue);
}

.data-colour {
  color: "#B44C1C";
  font-family: monospace;
}

.rt-caption {
  margin-bottom: 30px;
  font-size: 14px;
}

details {
    padding: 15px;
    margin-bottom: 20px;
}

details[open] .summary-content {
    background-color: var(--white);
    animation: open .5s ease-in-out;
}

.summary-content {
  margin-left: 30px;
}

summary {
    cursor: pointer;
    font-size: 18px;
}

summary:focus {
  outline: none;
}

details[open] summary {
    color: var(--font-col);
}

summary::-webkit-details-marker {
    display: none;
}

summary:before {
    content: "+"; /* the new icon */
    color: var(--islr-blue);
    margin-right: 5px;
    font-size: 20px;
}

details[open] summary:before {
  content: "\2013";
}

.corner-header {
  margin: 5px;
  text-align: center;
  line-height: 17px;
  font-weight: 600;
  
}



@keyframes invisiblyGrowFontSize {
	0% {
    font-size: 0;
    opacity: 0;
	}
	100% {
    font-size: 1em;
    opacity: 0;
	}
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
	100% {
		opacity: 1;
	}
}

@keyframes open {
  0% {opacity: 0; margin-left: -20px}
  100% {opacity: 1; margin-left: 30px}
}