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




/* mg additions */
/*----------LOGO above TOC-
.toc-logo---https://rstudio4edu.github.io/rstudio4edu-book/rmd-fancy.html---had to add to yaml--*/

.header-section-number {
    padding-right: .2em;
    border-bottom: 3px solid;
      font-weight: 800;
      border-color: #FE5757;
}



.book .book-body .page-wrapper .page-inner section.normal h1 {
  border-bottom:  1px;
}/* does not work  
  border-bottom: 1px solid;*/
h1, h2, h3, h4 {
  font-weight: 700;
  padding 0em;
  margin: 0px 5.6px 0px 0px;
  border-bottom:  1px;
}


.summary a:hover {
 color: #8b0000 !important; 
   font-weight: 500;
} 
.book .book-summary { /*testing different Css selectors*/
  background-color: white;
}
.book .book-summary ul.summary li.active { /*testing different Css selectors*/
  background-color: #F5F5F5;
}
.book .book-summary ul.summary li.active>a { /*active TOC links rstudio4edu; https://higgi13425.github.io/medical_r/posts/2020-12-12-publishing-a-bookdown-book-on-bookdownorg/#8b0000*/ 
  color: black !important;
  font-weight: 500;
  border-left: solid 4px;
  border-color: #FE5757;
  padding-left: 11px !important;
}  

.figure {
  margin: 40px;
}

.lo {
  margin: 0 -1rem 1rem -1rem;
  padding: 1em;
  border: 2px solid #01ADEF;
}
.cit {
  margin: 0 -1rem 1rem -1rem;
  padding: 1em;
  border: 2px solid #f44336;
}

.blue {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #E1F4FD;
  border-left: 6px solid #01ADEF;
}
.red {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #F8E8E8;
  border-left: 6px solid #AA2C24;
}
.orange {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #F7EAE1;
  border-left: 6px solid #AA5E3C;
}
.green {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #E9F3E8;
  border-left: 6px solid #446B3E;
}

.grey {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #f5f5f5;
  border-left: 6px solid #767879E8;
}


/* testing */
.danger {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

.loblue {
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
  background-color: #E1F4FD;
  border-left: 6px solid #01ADEF;
}

.dangerbox{
  margin: 0 -1rem 1rem -1rem;

  padding: 1em 1em 1em 4em;
  background: #ffdddd  5px center/3em no-repeat;
  border-left: 6px solid #f44336 ;
}



.rr {
  margin: 0 -1rem 1rem -1rem;
  padding: 1em;
  border: 2px solid #01ADEF;
}

.ac {
  margin: 0 -1rem 1rem -1rem;
  padding: 1em;
  border: 2px solid #AA5E3C;
}

.infobox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid orange;
  border-radius: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
}

.idea {
  background-image: url("images/lightbulb.png");
  

/* special callout blocks */

.rmdnote, .rmdcaution, .rmdimportant, .rmdtip, .rmdwarning {
  margin: 1rem calc(-2px - 0.5em);
  padding: 1rem;
  border: 2px solid #eee;
}

.rmdnote > *:last-child, .rmdcaution > *:last-child, .rmdimportant > *:last-child, .rmdtip > *:last-child, .rmdwarning > *:last-child {
  margin-bottom: 0;
}

.rmdnote {
  border-color: var(--primary);
}
.rmdimportant {
  border-color: var(--success);
}
.rmdcaution {
  border-color: var(--danger);
}
.rmdwarning {
  border-color: var(--warning);
}
.rmdtip {
  border-color: var(--info);
}

.rmdcaution pre, .rmdimportant pre, .rmdnote pre, .rmdtip pre, .rmdwarning pre {
  /* Make code blocks full width in rmdnote */
  margin: 0 -1rem 1rem -1rem;
  padding: 1rem;
}

.rmdcaution .btn-copy, .rmdimportant .btn-copy, .rmdnote .btn-copy, .rmdtip .btn-copy, .rmdwarning .btn-copy {
  /* Needs to be set according to margin in callout pre block */
  right: -1rem;
}

main ul {
 list-style-type: square;
}
main ol, main ul {
  padding-left: 25px;
  margin-bottom: 0;
}
main li {
  margin-bottom: 0.5rem;
}
main ol > li:first-child, main ul > li:first-child {
  margin-top: 0.5rem;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}