/* csslint ignore:start */
@import url('https://fonts.googleapis.com/css?family=Vollkorn:regular,bold');
/* csslint ignore:end */

/* extra padding for badge */
.appstore-badge img {
  padding-bottom: 1.5%;
  padding-top: 1.5%;
}

/* default lists are too compact */
div.col-md-9 ul,
div.col-md-9 ol {
  line-height: 160%;
}

div.col-md-9 ul li,
div.col-md-9 ol li {
  padding: 0.3em;
}

/* links */
a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
   /* csslint ignore:start */
  text-underline-position: under;
   /* csslint ignore:end */
}

a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

/* navbar links */
.nav li a {
  font-family: "Vollkorn";
  font-size: 1.2em;
}

.navbar-default {
  background-color: #222;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #313131;
}

.navbar-default .navbar-nav > .active > a {
  background-color: #313131;
}

/* top-left link */
.navbar-brand {
 font-family: "Vollkorn";
 font-size: 35px;
}

/* motî style */
.moti {
  cursor: inherit;
  font-family: "Vollkorn";
  font-size: 1.2em;
  font-weight: normal;
  pointer-events: none;
}

/* code snippets */
p code {
  padding: 0 3px;
}

pre {
  margin-bottom: 12px;
  margin-top: 12px;
  overflow-x: hidden;
}

pre + p {
  margin-top: 22px;
}

/* screenshots */
.screenshot {
    /* csslint ignore:start */
    border: 1px solid gray;
    /* csslint ignore:end */
    border-radius: 3%;
    /* <inset> offset-x offset-y blur-radius spread-radius <color> */
    box-shadow: 1px 1px 0 0;
    transition-duration: 250ms;
    transition-property: width;
    width: 45%;
}

.screenrecording {
    border: 1px solid gray; /* csslint allow: box-model */
    border-radius: 3%;
    box-shadow: 1px 1px 0 0;
    width: 45%;
}

article h1 {  /* csslint allow: qualified-headings */
    font-size: 22px;
}

.current {
    display: block;
}


details article {
    display: none;
}

@media (min-width: 992px) {
    article {
        font-size: 1.2em;
        line-height: 1.8em;
    }
    article h1 { /* csslint allow: qualified-headings, unique-headings */
        font-size: 30px;
    }
}

.zoomed {
    width: 100%;
}

.right {
    clear: both;
    float: right;
    margin-bottom: 6%;
    margin-left: 3%;
}

.left {
    clear: both;
    float: left;
    margin-bottom: 6%;
    margin-right: 3%;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

/* headings */
h1 { /* csslint allow: unique-headings */
  font-family: "Vollkorn";
  margin-bottom: 25px;
}

h2 {
  font-family: "Vollkorn";
  margin-bottom: 20px;
}

h3,h4 {
  font-family: "Vollkorn";
  margin-top: 44px;
}

hr {
  clear: both;
}

/* body */
body {
   font-family: -apple-system, BlinkMacSystemFont, "Open Sans", sans-serif;
}

/* footer */
/* csslint ignore:start */
a.cc, a.github, a.bitbucket, a.twitter, a.mail, a.gitlab, a.wikipedia-w {
  color: gray;
}
/* csslint ignore:end */