.snippets {
  margin: 0;
  padding: 0;
}

.snippets.continued {
  display: none;
}

.snippet {
  margin-bottom: 40px;
  background-color: #fff;
  position: relative;
  padding-bottom: 10px;
  margin: 0;
  list-style-type: none;
}

.snippet a.snippet_title {
  display: block;
  text-decoration: none;
  position: relative;
  left: 0;
  top: 5px;
  padding: 5px 10px;
  color: #000;
  background-color: #FFBC79;
}
.snippet a.snippet_title:hover {
  background-color: #FF9E3E;
}

.snippet .snippet_date {
  color: #777;
}
.snippet .read_more {
  text-align: center;
}
.snippet .snippet_content {
  padding: 10px 0 0 5px;
}
.snippet a:not(.not_bold) {
  font-weight: bold;
}

.snippet blockquote {
  padding: 20px 40px;
  position: relative;
  border: 1px dashed rgba(0,0,0,0.2);
  margin: 10px 5%;
  overflow: hidden;
  /* bootstrap override*/
  font-size: 100%;
}
.snippet blockquote:before {
  font-family: arial,sans-serif;
  content: '\201C';
  font-size: 4em;
  color: rgba(0,0,0,0.2);
  position: absolute;
  top: -6px;
  left: 5px;
}
.snippet blockquote:after {
  font-family: arial,sans-serif;
  content: '\201D';
  font-size: 4em;
  color: rgba(0,0,0,0.2);
  position: absolute;
  top: calc(100% - 60px);
  right: 5px;
}

.snippet hr {
  margin-top: 40px;
}
.snippet img {
  margin: 20px;
}
.snippet .caption {
  margin: 20px;
}
.snippet .caption img {
  margin: 0;
}