/*********************/
/* Element Overrides */
/*********************/


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
}


strong {
  /* Default (strong) */
  font-weight: bold;
  /* Custom */
  font-weight: 700;
}

.h2_cust {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;

  text-align: center;
  color: #0c74b9;
}


h3 {
  /* Defaults (h3) */
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  /* Custom */
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  border-bottom: 1px dashed #ddd;
  color: #3498db;
}


/*******************/
/* Element Classes */
/*******************/

/* Image Captures (img) */
.img_cap {
  /* Defaults (img) */
  display: inline-block;
  /* Custom */
  display: block;
  font-size: 1.17em;
  margin: 1em 0.5em;
}


/* Inline with text (img) */
.img_button {
  /* Defaults (img) */
  display: inline-block;
  /* Custom */
  margin: 0em;
}


/* Red terminal text (span) */
.term_r {
  /* Default (span) */
  /* None */
  /* Custom */
  color: #AA0000
}


/* Blue terminal text (span) */
.term_b {
  /* Default (span) */
  /* None */
  /* Custom */
  color: #295FCC;
}


/* Green terminal text (span) */
.term_g {
  /* Default (span) */
  /* None */
  /* Custom */
  color: #4CE64C;
}


/* Source code (div) */
.page {
  /* Default (div) */
  display: block;
  /* Custom */
  background-color: #fff;
  box-shadow: 0.2em 0.2em 0.7em 0.15em rgba(150, 150, 150, 0.8), 3.4em 0 0 #FBFBFC inset, 2.9em 0 0 #ECECF0 inset;
  border: 1px solid #000;
  border-radius: 0.35em;
  padding: 0.7em 0em;
  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
  margin: 1em 0.5em;
}


/* Source code header (h4) */
.page h4 {
  /* Default (h4) */
  display: block;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0em;
  margin-right: 0em;
  font-weight: bold;
  /* Custom */
  text-align: center;
  background-color: #d5d5d5;
  font-weight: normal;
  font-size: 1em;
  margin-top: 0em;
}


/* Source code top & bottom (ol) */
.page ol {
  /* Defaults (ol) */
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  /* Custom */
  margin: 0em 0em 0em 2.4em;
  padding: 0em;
  padding-left: 1em;
}


/* Source code line (li) */
.page li {
  /* Default (li) */
  display: list-item;
  /* Custom */
  padding-left: 0.6em;
  border-bottom: 1px solid #d8f2fb;
}


/* Terminal (div) */
.terminal {
  /* Default (div) */
  display: block;
  /* Custom */
  background-color: #131926;
  box-shadow: 0.2em 0.2em 0.7em 0.15em rgba(150, 150, 150, 0.8), 0em 0 0 #FBFBFC inset, 0 0 0 #ECECF0 inset;
  border: 1px solid #000;
  border-radius: 0.35em;
  padding: 0.7em 1em;
  color: #aaaaaa;
  font-family: monospace, monospace;
  margin: 1em 0.5em;
}


.section_title {
  background-color: #fff;
  box-shadow: 0.2em 0.2em 0.7em 0.15em rgba(150, 150, 150, 0.8);
  border-radius: 8px;
  padding: 0.05em 0em 0.05em 0em;
  margin: 0.7em 0em;
}

.section {
  background-color: #fff;
  box-shadow: 0.2em 0.2em 0.7em 0.15em rgba(150, 150, 150, 0.8);
  border-radius: 8px;
  padding: 0.05em 1em 1em 1em;
  margin: 0.7em 0em;
}


/************************/

 /* Style the button that is used to open and close the collapsible content */
.collapsible {
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active {
  background-color: #ffffff;
}

.collapsible:hover {
  color: #34988b;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  display: none;
}


.collapsible:after {
  color:red;
  content: "\2795"; /* Unicode character for "plus" sign (+) */
  float: right;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}