.blog-author p,
.blog-publish-date {
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0.7;
}
.index-blog-item__article {
    position: relative;
}
.index-blog-item__article:hover .blog--read-more span {
    text-decoration: none;
}
.article-image-in-header {
    margin-top: 20px;
}
.article--background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.article--background-image:before {
    content: "";
    display: block;
    height: 0;
    width: 100%;
}
.index-blog-item--image---square .article--background-image:before {
    padding-bottom: 100%;
}
.index-blog-item--image---landscape .article--background-image:before {
    padding-bottom: 75%;
}
.index-blog-item--image---landscape .placeholder-article-image {
    height: 300px;
}
.index-blog-item--image---portrait .article--background-image:before {
    padding-bottom: 150%;
}
.index-blog-item--image---portrait .placeholder-article-image {
    height: 400px;
}
.index-blog-item--image---wide .article--background-image:before {
    padding-bottom: 60%;
}
.index-blog-item--image---wide .placeholder-article-image {
    height: 200px;
}
.placeholder-article-image {
    height: 175px;
    margin-bottom: 20px;
}
.index-blog-item .placeholder-article-image svg {
    width: 100%;
    max-height: none;
}
.blog--read-more a.button--text-subdued {
    transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    display: inline-block;
    margin-top: 0;
    color: var(--color-primary);
}
.blog--read-more a.button--text-subdued:hover {
    opacity: 0.6;
}
.homepage-blog-title-wrapper h1 {
    margin-bottom: 10px;
}
.homepage-blog-title-wrapper h1 a {
    color: var(--color-primary);
}
#blog_posts .blog--excerpt {
    margin-bottom: 20px;
}
.blog-title-wrapper {
    margin-bottom: 20px;
}
.home-blog-excerpt img {
    max-width: 100%;
}
.home-blog-excerpt iframe {
    width: auto;
    width: -webkit-fill-available;
}
@media screen and (max-width: 575px) {
    .index-blog-item--wrapper:not(:first-of-type) {
        margin-top: 60px;
    }
}

.home-blog-excerpt{
  display: none;
}

.blog-title-wrapper h3{
  font-size: 24px;
  font-weight: 500;
      text-transform: none;
}

.blog--read-more{
  display: none;
}