/**
 * CSS for the Writing Page - also imported on posts
 */
/**
 * IMPORTANT: Most of these are exposed as CSS variables in main.scss
 */
/**
 * Variables for spacing (like margin and padding) and sizing (like breakpoints
 * and content width)
 */
main.content-limiter.-page {
  max-width: 800px;
}

.all-posts-cont {
  margin-bottom: 30px;
}

.red-button {
  display: inline-block;
  padding: 5px 15px;
  text-decoration: none;
  background-color: var(--dark-bg-color);
  border-radius: 5px;
  color: var(--text-color);
  font-weight: 600;
  transition: background-color 0.2s, color 0.2s;
}
.red-button.disabled {
  background-color: transparent;
  color: var(--text-color-faded);
}
.red-button:not(.disabled):hover, .red-button:focus {
  background-color: var(--brand-bg-color);
  color: #FFFFFF;
  text-decoration: none;
}

hr {
  height: 1px;
  background: #D3D3D3;
  border: none;
}

/* Post List Styling on the Posts page */
.post-list {
  padding-left: 0px;
  padding-top: 15px;
  list-style: none;
}

.post-listing {
  text-align: left;
}
.post-listing + .post-listing {
  margin-top: 50px;
}
.post-listing .post-heading {
  margin-bottom: 5px;
}
.post-listing h2 {
  margin: 0;
}
.post-listing .category {
  position: relative;
  bottom: 4px;
  padding: 2px 10px;
  background: #DCDCDC;
  border-radius: 5px;
  vertical-align: baseline;
  font-size: 12px;
  margin-left: 10px;
}
.post-listing .excerpt p {
  margin: 0px;
}

/* End post list styling */
.post-controls {
  margin: 60px 0 30px 0;
}
.post-controls a:first-of-type {
  margin-right: 10px;
}

/*# sourceMappingURL=writing.css.map */