@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
@import url(https://docs.mbari.org/css/iosevka-custom/iosevka-custom.css);

body {
  font-family: 'Merriweather', serif;
  font-weight: 300;
}

[data-md-color-scheme=slate] {
  --md-typeset-a-color: #a6c1f1;
}

code, tt {
  font-family: 'Iosevka', 'Roboto Mono', monospace;
  font-weight: 400;
  font-variant-ligatures: none;
  font-size: 1em !important;
}

details>summary {
  position: relative;
  margin: -1.2rem -1.2rem 0;
  padding: 0 7rem;
  outline: none;
  background-color: #d5eeff;
  color: gray;
}
details>summary {
  display: block;
  cursor: pointer;
}

.keys kbd {
  padding: 0 .29412em;
  border: .1rem solid #c9c9c9;
  border-radius: .2rem;
  border-bottom-color: #bcbcbc;
  background-color: #fcfcfc;
  color: #555;
  font-size: 85%;
  box-shadow: 0 0.1rem 0 #b0b0b0;
  word-break: break-word;
}

li {
  margin-bottom: 8px;
}

/* General colouring of the box */
.admonition.announcement{
  /*padding: 12px;*/
  margin: -12px -12px 0 -12px;
  background-color: rgba(98, 0, 234, .1);
}
/* colouring of the header */
.admonition.announcement .admonition-title{
  border-bottom: .1rem solid rgba(98, 0, 234, .1);
  background-color: #6200ea;
}

/* Add in font awesome icon */
.admonition.announcement .admonition-title:before{
  content: "\f0a1";
  font-family: 'FontAwesome', serif;
}

/* The following as used for the lrauv-mission-doc site */
/* Using Name.Function.Magic for macro related syntax: */
[data-md-color-scheme=slate] .highlight .fm {
  color: #a288d7;
}
.highlight .fm {
  color: rebeccapurple;
  font-weight: bold;
}