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


/* color and font: headers */
h1, h2, h3, h4 {
  font-family: 'Prata', serif;
  color: #2f5275;
}


/* color and font: title */
.title {
  font-family: 'Prata', serif;
  font-size: 3em !important;
  color: #5699cc;
 }
 
 
 /*--- LOGO ---*/
.toc-logo {
  width: 300px !important;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

.toc-logo img {
  max-width: 100%;
  margin-bottom: 10px;
}

.summary > li:first-child {
  height: auto !important; 
}


/*-----Body Links-------*/
.book .book-body .page-wrapper .page-inner section.normal a {
  color: #3f88ca;
}

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



/* HERO IMAGE */
.hero-image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 390px;
  background-color: #133454;
}

.hero-image {
  width: 100%;
  height: 390px;
  object-fit: cover;
}

.page-inner {
  padding-top: 400px !important;
}


/*------------ TOC --------------*/
/* background */
.book .book-summary {
  background: white;
  border-right: none;
}
/* font */
.summary{
font-family: 'Muli', sans-serif;
}
/* padding */ /* 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;
}
/* hover color */
.summary a:hover {
  color: #778ca5 !important;
} 
/* active links */
.book .book-summary ul.summary li.active>a { /*active TOC links*/
  color: #778ca5 !important;
  border-left: solid 4px;
  border-color: #5699cc;
  padding-left: 11px !important;
}  
/* part style */
li.appendix span, li.part span { /* for TOC part names */
  margin-top: 1em;
  color: color: #1c3046 !important;
  opacity: 1 !important;
  text-transform: uppercase;
}


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

  div.box-idea {
    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;
    background-image: url("../test_images/Icon_idea2.png");
  }



/* Theorems */
.mytheorem {
 background-color: #d7ddef;
 border: solid #2b4e70;
 border-radius: 15px;
}
.mytheorem p, .mytheorem h2, .mytheorem h3 {
  padding: 5px 5px 5px 20px;
  margin-top: 0px !important;
}


.result {
  padding: 1em;
  background: rgb(184,186,255);
  color: black;
  border: 4px solid rgb(16,22,157);
  border-radius: 10px;
}

.result_header { font-size:130%; }



.titeldefbox {
  display: flex;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: darkslategray;
  height: 50px;
  color: white;
  border-radius: 10px 10px 0 0;
  padding: 10px 0 10px 0;
  background-image: url("../test_images/icon_star.png");
}

.titeldefbox h2{
  color: #fafcfb;
  font-weight: bold;
}

/*    padding: 1em;*/
/*    margin: 1em 0;*/
/*     padding-left: 100px; */

.titeldefboxx {
  padding: 10px 0 10px 50px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 15px center;
  display: flex;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: darkslategray;
  height: 50px;
  color: white;
  border-radius: 10px 10px 0 0;
  background-image: url("../test_images/icon_star_inverted.png");
}

.titeldefboxx h2{
  color: #fafcfb;
  font-weight: bold;
}

.defbox {
  background-position: 0px;
background: linear-gradient(
  315deg,
  hsl(240deg 50% 95%) 0%,
  hsl(158deg 13% 64%) 100%
);
  padding: 1em 1em 1em 1em;
  border-radius: 10px;
  position: relative;
}

.defbox h2{
font-size: 16px !important;
margin-top: 0px !important;
width: 100% !important;
height: 20px !important;
padding: 0 0 10px 15px !important;
}

.defbox p{
  margin-top: 40px !important;
  padding: 10px 10px 0 0 !important;
}



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

.center_text {
  text-align: center;
  font-size: 32px;
  font-weight: bolder;
  color: rgb(25,122,19);
}


/* [does not seem to work] links */
a { 
  color: #5ebccf;
}

a:hover {
 color: #50a0b0; /* darker color when hovering */
}