.blog-post-widget-container .headline {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #bbb;
  margin-bottom: 10px;
}

.blog-post-widget-container.picture-view .item {
  margin-bottom: 20px;
  border: 1px solid #bbb;
  box-shadow: 0 0 10px #bbb;
}

.blog-post-widget-container.picture-view .item .img-responsive {
  width: 100%;
}

.blog-post-widget-container.picture-view .item .title {
  padding: 5px 10px;
  line-height: 1.2;
}

.blog-post-widget-container.picture-view .item .title a:link, .blog-post-widget-container.picture-view .item .title a:visited, .blog-post-widget-container.picture-view .item .title a:hover {
  font-size: 14px;
  font-weight: 500;
}

.blog-post-widget-container.text-view .item .date {
  font-size: 14px;
  color: #bbb;
}

.blog-post-widget-container.text-view .item .title {
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-post-widget-container.text-view .item .title a:link, .blog-post-widget-container.text-view .item .title a:visited, .blog-post-widget-container.text-view .item .title a:hover {
  font-size: 16px;
  font-weight: 500;
}

.blog-post-widget-container .button-container {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .blog-post-widget-container.picture-view .item .title {
    padding: 10px;
  }
  .blog-post-widget-container.picture-view .item .title a:link, .blog-post-widget-container.picture-view .item .title a:visited, .blog-post-widget-container.picture-view .item .title a:hover {
    font-size: 16px;
  }
}