#blog-article-navigator {
  padding-bottom: 1em;
}
#blog-article-navigator .buttons {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
}
#blog-article-navigator .buttons .btn {
  border-radius: 1em;
  padding: 1em 2em;
  height: auto;
}
#blog-article-navigator .buttons .btn:hover {
  color: #FFFFFF;
  border: #6A5310 solid 1px;
  background: #6A5310;
  box-shadow: 0 0 2em -1em #485D22;
}
#blog-article-navigator .vertical .box {
  position: relative;
  background: none;
}
#blog-article-navigator .attributes {
  width: 100%;
  font-size: 1em;
  float: left;
  font-weight: 100;
  line-height: 2em;
  font-family: Ubuntu, sans-serif;
}
#blog-article-navigator .attributes small {
  font-size: .75em;
  color: #333;
}
#blog-article-navigator .cell {
  color: #485D22;
  align-items: stretch;
  flex-direction: column;
  height: auto;
}
#blog-article-navigator .cell .cover {
  aspect-ratio: 1.3333333333333;
  border-radius: 1em;
  overflow: hidden;
}
#blog-article-navigator .cell .cover img {
  -webkit-transition: transform 400ms ease;
  -moz-transition: transform 400ms ease;
  -ms-transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  transition: transform 400ms ease;
}
#blog-article-navigator .cell .box {
  float: left;
  width: 100%;
  padding: 1em;
  text-align: left;
}
#blog-article-navigator .cell .box h3 {
  width: 100%;
  float: left;
  font-size: 1.25em;
  font-weight: 700;
  text-align: left;
  font-family: Ubuntu, sans-serif;
}
#blog-article-navigator .cell .box .content {
  width: 100%;
  font-size: 1em;
  float: left;
  font-weight: 100;
  line-height: 1.4em;
}
#blog-article-navigator .cell:hover img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}
#blog-article-navigator .cell:hover .content {
  color: #FFFFFF;
}
#blog-article-navigator .btn.next {
  margin: 0 0 5em;
  padding: 1.4em 3em;
  background: #fff;
  color: #485D22;
}
#blog-article-navigator .btn.next:hover {
  background: #485D22;
  border: #485D22 solid 1px;
  color: #fff;
}