    /* 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: #2f5275;
/*  color: #5699cc;*/
 }
 

.book .book-body .page-wrapper .page-inner section.normal h1{font-size:2.5em}
.book .book-body .page-wrapper .page-inner section.normal h2{font-size:1.7em}
.book .book-body .page-wrapper .page-inner section.normal h3{font-size:1.2em}

/*.section h2{padding-bottom: 0;
}
.section h3{padding-bottom: 0;
}*/


 
 /*--- 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: .2em;
    margin-bottom: -.5em;
  color: color: #1c3046 !important;
  opacity: 1 !important;
  text-transform: uppercase;
}


/* -----------Sidebar div tips------------- */
/* from r-pkgs.org*/




/* ======== "Video" box ======== */
div.video_box {
  margin-top: -1.5em;
  padding: 0px 0px 0px 20px;
  line-height: 23px;
  height:25px;
/*  color: rgba();*/
  background-size: 10px; /* size of background image */
  background-repeat: no-repeat;
  background-position: 5px center;
  background-image: url("../images/iconmonstr-computer-7-240-red.png");
/*    max-height: 40px;*/
  max-width: 50px;
/*  background-color: rgba(245,245,245,255);*/
  background-color: rgb(255,255,255);
  border: solid 1px rgb(237,30,32);
  border-radius: 5px 5px 5px 5px; /* round corners */
/*  opacity: 0.5;*/
  font-size: 10px !important;
}

div.video_box a {
  color: rgb(237,30,32) !important;
}



/* =================== NB box =================== */

div.nb_box {
  font-size: .8em;
/*  padding: .5em;*/
  padding: .5em .5em .5em 70px;
  margin: 2.5em 3em 2.5em 3em;
  line-height: 140%;   /* space within paragraph */
  margin-bottom: 16px; /* space between paragraphs */
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  min-height: 55px;
/*  color: #1f5386;*/
  color: rgb(0,0,0);
/*  background-color: #bed3ec;*/
/*  border: solid 5px #dfedff;*/
/*  border: solid 5px rgb(223,237,255); */
/*  border: solid 5px rgb(181,213,255);*/
  border: solid 2px rgb(0,0,0);
  border-radius: 10px 10px 10px 10px;
  background-image: url("../images/nb_black.png");
}




/* =================== Examples =================== */
.example_i_title {
  padding: 2px 0 0 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px center;
  display: flex;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: rgb(165,184,166);
  height: 30px;
  color: white;
  border-radius: 10px 10px 0 0;
  background-image: url("../images/icon_star_inverted.png");
}

.example_i_title h2 {
  color: #fafcfb;
  font-weight: bold;
}

.example_i_title p.small {
  font-variant: small-caps;
}

.example_i_box {
  /* font-family: 'Prata', serif !important;*/
  background-position: 0px;
  background: linear-gradient(
    315deg,
    rgba(201,207,201,.1) 0%,
    rgb(201,207,201) 100%
  );
  border-radius: 10px 10px 10px 10px;
  position: relative;
  padding: 35px 10px 5px 10px !important;
/*  margin: 10px 0 5px 0;*/
  margin: 1.5em 0 1.5em 0;
  font-size: 14px !important;
}

.example_i_box h2 {
  font-size: 16px !important;
  margin-top: 0px !important;
  width: 100% !important;
  height: 20px !important;
  padding: 0 0 10px 15px !important;
}

/*.example_i_box p {
  font-size: 10px !important;
}*/
  /*  margin-bottom: 0;*/
  /*  margin-top: 40px !important;*/




/* Example i (alternative) */
.exxample_i_title {
  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("../images/icon_star_inverted.png");
}

.exxample_i_title h2{
  color: #fafcfb;
  font-weight: bold;
}

.exxample_i_box {
  background-position: 0px;
background: linear-gradient(
  315deg,
  hsl(240deg 50% 95%) 0%,
  hsl(158deg 13% 64%) 100%
);
  padding: 1em 1em 0 1em;
  border-radius: 10px;
  position: relative;
}

.exxample_i_box h2{
font-size: 16px !important;
margin-top: 0px !important;
width: 100% !important;
height: 20px !important;
padding: 0 0 10px 15px !important;
}

.exxample_i_box p{
  padding: 20px 10px 0 0 !important;
  margin-bottom: 0;
}
  /*  margin-top: 40px !important;*/


/*.example_i_ {
  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");
}*/

.example_i_ h2{
  color: #fafcfb;
  font-weight: bold;
}

.example_i_ p{
  line-height: 10px;
  margin-bottom: 1px;
}




/* 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; */



/* Figure/Table caption */
p.caption {
  color: #616161;
  font-size: .85em;
  margin: 0 0 0 10 !important;
  min-height: 0px !important;
  padding: 0 0 0 0 !important;
}

figure {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

figure p {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/*
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);
}*/


.variable_name {
  font-weight: bolder;
  font-style: italic;
  color: rgb(140,140,140);
}

.keyword_highlight {
  font-size: 1.1em;
  font-weight: bolder;
  color: rgb(33,33,182);
}
/*  color: rgb(165,0,154) */
/*  color: #a5009a*/

.english_term {
  font-size: .8em;
  font-style: italic;
  color: rgb(180,180,180)
}
/*  color: rgb(0,72,165)*/
/*  color: rgb(37,150,190);*/


/* [does not seem to work] links */
a { 
  color: #5ebccf;
}

a:hover {
 color: #50a0b0; /* darker color when hovering */
}


