html,
body {
  /* hack to ensure fixed elements at height: 100%; are in relation to the window */
  max-height : 100%;
}

body {
  margin-top: 40px;
  padding : none;
  font-size: $font-size-text;

  &.lock {
    overflow: hidden;
  }
}

blockquote p {
  font-size: $font-size-text;
  line-height: $line-height;
}

/* Overflow */
h1, h2, h3, h4, h5, h6,
p,
blockquote,
code,
pre { word-wrap: break-word; }
a.tag { word-break: break-all; }

/* new link color */
a { color : $link-blue  }

.avatar {
  border-radius: 4px;

  &.micro {
    height: 20px;
    width: 20px;
  }

  &.small {
    height: 35px;
    width: 35px;
  }

  &.medium {
    height: auto;
    width: auto;
    max-width: 75px;
  }
}

.author-name {
  color: inherit;
}

/* bootstrap label fixes for Roboto */
.label {
  padding : 2px 5px;
  padding-bottom : 3px;

  span {
    display : inline-block;
    position : relative;
    top : 1px;
    font-family : Roboto-Bold;
  }
}

#back-to-top {
  display: block;
  color: white;
  position: fixed;
  z-index: 49;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  font-size: 2.9em;
  padding: 0 12px 0 12px;
  border-radius: 10px;
  background-color: #aaa;
  &:hover { opacity: 0.85 !important; }
  &.visible { opacity: 0.5; }
  line-height: 1.5;
}

/* general purpose classes */

.small-horizontal-spacer {
  min-height: 20px;
}

.big-horizontal-spacer {
  height: 50px;
}

/* responsive */
@media (max-width: 767px) {
  body {
    padding : 0;
 }
}