/* Overall css styling */
p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}
p.flushright {
  text-align: right;
}
blockquote > p:last-child {
  text-align: right;
}
blockquote > p:first-child {
  text-align: inherit;
}
.header-section-number {
  padding-right: .2em;
  font-weight: 500;
}
.level1 .header-section-number {
  display: inline-block;
}
.level1 h1 {
  border-bottom: 1px solid;

  
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
h1.title {
  font-weight: 700;
}
.book .book-body .page-wrapper .page-inner section.normal strong {
  font-weight: 600;
}

/* Adding valueboxes to the top of the disease files */

{
  box-sizing: border-box;
}


.header {
  padding: 60px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
}


/* Disease Info Boxes */

.diseaseinfo {
  border: 4px #8B1E41;
  border-style: solid solid;
  padding: 1em;
  margin: 1em 0;
  padding-left: 50px;
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 15px center;
  min-height: 120px;
  color: #000000;
  background-color: #F9F9F9;
}  



.valueboxreplacement1 {
  
  border: 1px #000000;
  border-style: solid;
  color: #000000;
 /* background-position: 15px center; */
  width: 50%;
   float: left; /* three boxes (use 25% for four, and 50% for two, etc) */
  padding: 20px; /* if you want space between the images */
  background-color: #D0D0D0;
  font-size: 120%;

}  


.valueboxreplacement2 {
   border: 1px #000000;
  border-style: solid;
  color: #000000;
 /* background-position: 15px center; */
  width: 50%;
  float: left;/* three boxes (use 25% for four, and 50% for two, etc) */ 
  padding: 20px;
  background-color: #D0D0D0;
  flex-wrap: wrap;
  font-size: 120%;
}
span_HL {
  color: red;
  font-weight: bold;
}
  
h1{
  color: black;
}



.firstword {
  font-weight:bold;
}


}


.firstword {
  font-weight:bold;
}


.riskfactors { 
h1 {
  font-weight: bold;
}

/* Styling for the overview pages for types of disease 
ex. enterics, vpd,  STD, etc. */

ul {list-style-type: circle;
} 
}

.diseasetypes{


  
ol {list-style-type: circle;
   padding: 100px;


} 
ul {list-style-type: circle;
    padding: 100px;



} 

}


.aligncenter {
            text-align: center;
              }