.blog-author-heading,
.blog-tag-heading {
  padding: 0 1rem;
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
}

.blog-index__post {
  flex: 0 0 100%;
  padding: 1rem 1rem;
}

@media screen and (min-width: 768px) {
  .blog-index__post--small {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post--small {
    flex: 0 0 calc(100% / 3);
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: flex;
    flex: 1 0 100%;
  }
}

.blog-index__post-image {
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .blog-index__post-image-wrapper--large {
    flex: 1 1 48%;
  }

  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }

  .blog-index__post-content--full-width {
    flex: 1 1 100%;
    padding-left: 0;
  }
}

.blog-index__post-title {
  font-size: 1.25rem;
  margin-bottom: 0px !important;
}

.blog-index__post-timestamp {
  display: block;
}

.blog-index__post-author {
  align-items: center;
  display: flex;
}

.blog-index__post-author-image {
  border-radius: 50%;
  height: auto;
  margin-right: 0.35rem;
  width: 30px;
}

.blog-index__post-tags,
.blog-index__post-title,
.blog-index__post-timestamp,
.blog-index__post-author,
.blog-index__post-image--small {
  margin: 0 0 0.7rem;
}

.blog-index__post-tag {
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 0px;
}
.blog-index__post-tags {
   margin-bottom: 0px;
}

.blog-index__post-timestamp {
    font-size: 12px;
}

.blog-index__post-content .button {
    line-height: 1;
    padding: 13px 40px !important;
  font-size: 14px !important;
  
  border-radius: 30px ;
  font-weight: 700;
}

.blog-index__post-content .button:hover {
  color: #fff !important;
}

.blog-list-divider {
 width: 100%;
 height: 1px;
  background: #ececec;
  margin-bottom: 22px;
}

.blog-index__post-button-wrapper {
 display: inline-block; 
}

.blog-index  .blog-index__post-content p.ps-read-time {
 display: inline-block; 
 margin-left: 10px;
 color:#2361ae; 
}

.blog-index__post-title-link:hover {

    font-size: 19px; 
}

.blog-index .blog-index__post--small:nth-child(even) .blog-index__post-timestamp {
    color:#31bd8e;
} 

.blog-index .blog-index__post--small:nth-child(even) p.ps-read-time {
    color:#31bd8e;
} 

.blog-index .blog-index__post--small:nth-child(even) .blog-index__post-tag {
    color:#31bd8e;
} 
.blog-index .blog-index__post--small:nth-child(odd) .blog-index__post-tag {
    color:#2361ae;
} 
.blog-index .blog-index__post--small:nth-child(even) .blog-index__post-content .button {
  background-color:#31bd8e;
  border: #31bd8e;
  color: #fff;
}

.blog-index .blog-index__post--small:nth-child(odd) .blog-index__post-content .button {
  background-color:#2361ae;
  border: #31bd8e;
  color: #fff;
}

.blog-index__post-content:hover {
 background-color:#2361ae; 
  transition: .5s linear;
}
.blog-index .blog-index__post--small:nth-child(even) .blog-index__post-content:hover {
 background-color:#31bd8e;
}

.blog-index .blog-index__post--small .blog-index__post-content:hover .blog-index__post-tag  {
 color:#fff;
}
   

.blog-index .blog-index__post--small .blog-index__post-content:hover .blog-index__post-title-link {
 color:#fff;
}
.blog-index .blog-index__post--small .blog-index__post-content:hover p.ps-read-time {
 color:#fff;
}
.blog-index .blog-index__post--small .blog-index__post-content:hover .blog-index__post-timestamp {
 color:#fff;
}
.blog-index .blog-index__post--small .blog-index__post-content:hover .button {
  background-color:#fff;
  border: #fff;
  color: #2361ae !important;
}

.blog-index .blog-index__post--small:nth-child(even) .blog-index__post-content:hover  .button {
  background-color:#fff !important;
  border: #fff;
  color: #31bd8e !important;
}

.menu__child-toggle {
 padding: 0px !important; 
}
/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  ;
  text-transform: ;
}

.blog-index__post-title-link {
  color: ;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: ;
}

.blog-index__post-title-link:active {
  color: ;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: ;
}



/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: ;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: ;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: ;
}

.pagination__link-icon svg {
  fill: ;
}

/* Blog Listings */

.blog-index__post-image--small {
 display: none; 
}

.blog-index__post-content {
    background: white;
  padding: 20px;
  min-height: 226px;
  border-radius: 8px;
}

.blog-index__post-title-link {

  color:  #3c3c3b;
  font-size: 19px;
}

.dnd-section > .row-fluid (
    max-width: 100% !important;
)