/*
  Make the special icons available using a font
*/

@font-face {
    font-family: "MaterialIcons";
    src: url("../MaterialIcons-Regular.ttf");
}

/*
  Class for the download button.
*/
.mcra-download {
  font-size: 10px;
  margin-top: -15px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
}

.mcra-download a {
  color: white;
}

.mcra-download a:hover {
  color: white;
  background: rgba(255,255,255,0.1);
}
/*
  Adaptations to change the layout a bit...

*/

.wy-nav-content {
  max-width: 1200px;
}

.wy-table-responsive table td {
  white-space: normal;
}

.wy-nav-content-wrap {
  height: 100%;
  background: white;
}

footer {
  padding-bottom: 20px;
}

.wy-menu-vertical li.toctree-l2 a,.wy-menu-vertical li.toctree-l3 a,.wy-menu-vertical li.toctree-l4 a,.wy-menu-vertical li.toctree-l5 a,.wy-menu-vertical li.toctree-l6 a,.wy-menu-vertical li.toctree-l7 a,.wy-menu-vertical li.toctree-l8 a {
  color: #404040;
}

.wy-menu-vertical li.toctree-l1.current li.toctree-l2>ul,.wy-menu-vertical li.toctree-l2.current li.toctree-l3>ul,.wy-menu-vertical li.toctree-l3.current li.toctree-l4>ul,.wy-menu-vertical li.toctree-l4.current li.toctree-l5>ul,.wy-menu-vertical li.toctree-l5.current li.toctree-l6>ul,.wy-menu-vertical li.toctree-l6.current li.toctree-l7>ul,.wy-menu-vertical li.toctree-l7.current li.toctree-l8>ul {
  display: none;
}

.wy-menu-vertical li.toctree-l1.current li.toctree-l2.current>ul,.wy-menu-vertical li.toctree-l2.current li.toctree-l3.current>ul,.wy-menu-vertical li.toctree-l3.current li.toctree-l4.current>ul,.wy-menu-vertical li.toctree-l4.current li.toctree-l5.current>ul,.wy-menu-vertical li.toctree-l5.current li.toctree-l6.current>ul,.wy-menu-vertical li.toctree-l6.current li.toctree-l7.current>ul,.wy-menu-vertical li.toctree-l7.current li.toctree-l8.current>ul {
  display: block;
}

.wy-menu-vertical li.toctree-l4.current>a {
  background: #bdbdbd;
  padding: .4045em 4.045em;
}

.wy-menu-vertical li.toctree-l4.current li.toctree-l5>a {
  display: block;
  background: #bdbdbd;
  padding: .4045em 7.280em;
}

.wy-menu-vertical li.toctree-l4 a:hover span.toctree-expand {
  color: gray;
}

.wy-menu-vertical li.toctree-l4 span.toctree-expand {
  color: #969696;
}

.wy-menu-vertical li.toctree-l5.current>a {
  background: #bdbdbd;
  padding: .4045em 7.280em;
}

.wy-menu-vertical li.toctree-l5.current li.toctree-l6>a {
  display: block;
  background: #bdbdbd;
  padding: .4045em 8.897em;
}

.wy-menu-vertical li.toctree-l5 a:hover span.toctree-expand {
  color: gray;
}

.wy-menu-vertical li.toctree-l5 span.toctree-expand {
  color: #969696;
}

.wy-menu-vertical li.toctree-l6.current>a {
  background: #bdbdbd;
  padding: .4045em 8.897em;
}

.wy-menu-vertical li.toctree-l6.current li.toctree-l7>a {
  display: block;
  background: #bdbdbd;
  padding: .4045em 10.514em;
}

.wy-menu-vertical li.toctree-l6 a:hover span.toctree-expand {
  color: gray;
}

.wy-menu-vertical li.toctree-l6 span.toctree-expand {
  color: #969696;
}

.wy-menu-vertical li.toctree-l7.current>a {
  background: #bdbdbd;
  padding: .4045em 10.514em;
}

.wy-menu-vertical li.toctree-l7.current li.toctree-l8>a {
  display: block;
  background: #bdbdbd;
  padding: .4045em 12.131em;
}

.wy-menu-vertical li.toctree-l7 a:hover span.toctree-expand {
  color: gray;
}

.wy-menu-vertical li.toctree-l7 span.toctree-expand {
  color: #969696;
}

.wy-menu-vertical li.toctree-l8 {
  font-size: .9em;
}

.wy-menu-vertical p.caption {
  text-align: center;
}

ul#general + ul {
  margin-top: -24px;
}

span.badges a {
  background-color: #00b356;
  color: white;
  display: inline-block;
  padding: 0 5px;
  margin: 1px;
  border-radius: 8px;
  font-size: 10pt;
  text-transform: uppercase;
}

span.download-button a {
  background-color: #2980b9;
  color: white;
  display: inline-block;
  padding: 0 5px;
  margin: 1px;
  border-radius: 8px;
  font-size: 10pt;
}

/*
  Making sure that the captioning (in HTML) has a colon behind it
*/
span.caption-number:after {
  content: ": ";
}

.mcra-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 300px;
  color: #fcfcfc;
  background: #1f1d1d;
  font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
  z-index: 400;
  box-sizing: border-box;
}

.mcra-footer a {
  line-height: 18px;
  padding: .4045em 1.618em;
  display: block;
  position: relative;
  font-size: 90%;
  color: #d9d9d9;
}

.mcra-footer-txt {
  line-height: 18px;
  padding: .4045em 1.618em;
  display: block;
  position: relative;
  font-size: 90%
}

html.writer-html4 .rst-content dl:not(.docutils)>dt,html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt{ font-size: 100%; display: inline; color: #000000; background: white; border-top:none;padding:0px;position:relative}
html.writer-html4 .rst-content dl:not(.docutils)>dt,html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dd{ margin: 0 0 12px 6px; display: inline }
html.writer-html4 .rst-content dl:not(.docutils)>dt,html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dd>p{ display: inline; font-size: 100%; }
html.writer-html4 .rst-content dl:not(.docutils)>dt,html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dd>p::after{ content: '\A'; white-space: pre }
