html, body {
  height: 100%;
}
body {
  padding-top: 50px;
  overflow-x: hidden;
}
a:hover {
  text-decoration: none;
}
/*
 *  Blog form
 *  --------------------------
 */
/*  Reply list
   */

.rpList-info {
  padding-top: 10px;
}
.rpList-desc {
  border-bottom: 1px solid #eee;
}
.rpList-desc:last-child {
  margin-bottom: 10px
}
/*  Reply form
   */

.rpForm-loggedIn {
  display: none;
  padding-right: 2.5px;
  padding-left: 0;
}
.rpForm-loggedIn div {
  height: 34px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.rpForm-name, .rpForm-link {
  padding-right: 2.5px;
}
.rpForm-password, .rpForm-secret {
  padding-left: 2.5px;
}
.rpForm-secret input {
  display: none;
}
.rpForm-body {
  padding-top: 5px;
}
.rpForm-body textarea {
  resize: none;
}
.rpForm-submit {
  padding-top: 5px;
}
/*  over md  */

@media screen and ( min-width: 992px) {
  .rpForm-password {
    padding-right: 2.5px;
  }
  .rpForm-link {
    padding-left: 2.5px;
  }
}
/*  under md  */

@media screen and ( max-width: 991px) {
  .rpForm-link, .rpForm-secret {
    padding-top: 5px;
  }
}
/*  over sm  */

@media screen and ( min-width: 768px) {
  .rpForm-body {
    padding-right: 2.5px;
  }
  .rpForm-submit {
    padding-left: 2.5px;
  }
  .rpForm-submit button {
    height: 74px;
  }
}
/*  Article
   */

.article-comment .rpForm-name, .article-comment .rpForm-body {
  padding-left: 0px;
}
.article-comment .rpForm-secret, .article-comment .rpForm-submit {
  padding-right: 0px;
}
.article-tag {
  padding: 20px 0;
  border-top: 1px solid #eee;
  margin-top: 40px;
}
/*  under md  */

@media screen and ( max-width: 991px) {
  .article-comment .rpForm-password {
    padding-right: 0px;
  }
  .article-comment .rpForm-link {
    padding-left: 0px;
  }
}
/*  under sm  */

@media screen and ( max-width: 767px) {
  .article-comment .rpForm-body {
    padding-right: 0px;
  }
  .article-comment .rpForm-submit {
    padding-left: 0px;
  }
}
/*
 *  Global
 *  --------------------------
 */

.margin-top {
  margin-top: 40px;
}
.box {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/*
 *  Specials
 *  --------------------------
 */

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 9999;
}
#navigation .navigation-admin, #navigation .navigation-login {
  display: none;
}
#main {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
#searchbar {
  padding-bottom: 20px;
}
#guestbook .rpForm-loggedIn {
  padding-left: 15px;
}
#footer {
  font-size: 0.9em;
  background-color: #eee;
  margin-top: 40px;
  padding: 40px 0;
}
#blackCover {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.66);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
#sideOff {
  display: none;
  position: fixed;
  top: 51px;
  bottom: 0;
  right: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
}