/**
 * Custom Strapi theme for MKDocs.
 * This overrides the official of ReadTheDocs.
 */

/* Blockquotes */
blockquote {
  font-style: italic;
}

blockquote::before {
  content: '\f10d';
  float: left;
  margin: 0 10px 0 -24px;
  font-family: 'FontAwesome';
  font-size: 16px;
}

/* Lists */
ul, ol {
  font-size: 16px;
}

/* Tables */
table, td, th {
  font-size: 100% !important;
}

/* Code */
code, .hljs {
  font-size: 14px;
  line-height: 17px;
}

code {
  font-family: 'Hack', 'Monaco',  'Courier', serif;
}

.hljs {
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 30px;
}

/* Customize the sidebar */
nav.stickynav {
  position: inherit;
}

.wy-nav-side {
  height: auto;
  overflow-y: hidden;
}

.wy-nav-content {
  padding-top: 40px;
}

.wy-nav-content, li.current > a.current {
  background-color: #fff;
}

.wy-menu-vertical li.on a, .wy-menu-vertical li.current > a {
  padding: 0.4045em 2.427em;
}

/* Hide the home and info links-- messy but we don't have the choice */
.wy-menu-vertical > ul > li:nth-child(2), .wy-menu-vertical > ul > li:nth-child(14) {
  display: none;
}

/* Customize links */
a, a:hover, a:active, a:visited, a:focus {
  color: #2980B9
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

.btn:hover, .btn:active, .btn:focus {
  text-decoration: none;
}

/* Landing page */
.logo {
  width: 140px;
  padding: 30px 0 20px 20px;
}

.top {
  height: 100vh;
  background-color: #fcfcfc;
  color: #343131;
  text-align: center;
  -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
          font-smoothing: antialiased;
}

.top .welcome {
  width: 160px;
  padding: 25vh 0 0;
}

.top .subtitle {
  font-size: 1.1em;
}

.top code {
  margin: 4vh auto -40px;
  padding: 20px 0;
  width: 350px;
}

.top .version {
  margin-bottom: 10vh;
  font-size: 90%;
}

.start, .start:visited {
  font-size: 1.1em;
  border-bottom: 1px solid #e1e4e5;
  padding: 16px 20px;
  color: #343131;
  -webkit-transition: border-bottom 0.4s;
  -moz-transition: border-bottom 0.4s;
  transition: border-bottom 0.4s;
}

.start:hover, .start:active, .start:focus {
  text-decoration: none;
  border-bottom: 1px solid #343131;
}

/* Footer */
.copyright, .legal {
  font-size: 90%;
}

.legal {
  padding: 30px 0 4px;
  border-top: 1px solid #fcfcfc;
}

.legal li {
  display: inline;
  padding: 0 15px 0 0;
}

.rst-footer-buttons {
  margin-bottom: 40px;
}

/* Remove the background */
@media screen and (min-width: 1400px) {
  .wy-nav-content-wrap {
    background: none;
  }
}