// This File is imported last, and will override other styles in the cascade
// Add styles here to make changes without digging in too much
html { background: $background-color; }

body { font-weight: 300; }

body > div > div {
  border: none;
}

body > header {
  background-color: $header-color;
  padding-top: 0.9em;
  padding-bottom: 0.9em;
  h1 a {
    //display: inline-block
    margin-top: 0;
    font-weight: 600;
    //line-height: 0
  }
}

a {
  color: $link-color;
  transition: color 0.25s 0s ease;
  &:hover {
    color: $link-color-hover;
  }
}

header nav {
  display: inline;
  position: relative;
  ul {
    list-style: none;
    float: right;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    li {
      padding-left: 1.25em;
      float: left;
    }
    padding-top: 0.15em;
  }
  a {
    color: white;
    text-decoration: none;
    transition: text-shadow 0.25s 0s ease;
    &:hover, &:focus {
      color: white;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
    }
  }
}

article > header {
  text-align: left;
}

article > header h1, #content .blog-index article h1 {
  font-size: 1.35em;
}

body > nav {
  border: none;
}

body > nav a {
  text-shadow: none;
  display: inline;
}

@media only screen and (max-width: 400px) {
  header {
    text-align: center;
  }
  header nav {
    display: none;
  }
}

blockquote {
  font-size: 1em;
  border: none;
}

#content div.pagination, #content div.navigation {
  font-size: 0.95em;
  height: 1.5em;
  position: relative;
  padding: {
    top: 1.5em;
    bottom: 1.5em;
  };
  &:after {
    display: block;
    content: "";
    clear: both;
  }
  a {
    text-decoration: none;
    color: $text-color-light;
    &:hover {
      color: $link-color-hover;
    }
    &[href*=archive] {
      &:before, &:after {
        content: "—";
        padding: 0 0.3em;
      }
    }
  }
}

#content div.navigation {
  a {
    &.prev {
      float: left;
    }
    &.next {
      float: right;
    }
  }
}

#content div.pagination {
  a {
    &.prev {
      float: left;
    }
    &.next {
      float: right;
    }
  }
}