.co-p-blog-article {
  margin-top: 35px;
}

/* base elements */
.node--type-article {
    border: 1px solid #f3f3f3;
    background: #ffffff;
    margin-bottom: 50px;
    padding: 30px 30px 35px;
}

.node--type-article h2 {
  color: #1D415A;
  font-size: 24px;
  font-weight: 500;
  margin-top: 0px;
}

.node--type-article h3 {
  font-size: 18px;
  font-weight: 600;
  color: #1D415A;
}

.node--type-article h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1D415A;
}

.node--type-article p {
  color: #1D415A;
  font-size: 16px;
}

/* style metadata */
.node--type-article .views-field-created {
    font-style: italic;
    color: #a8a7a7;
    margin-bottom: 15px;
    font-size: 14px;
}

.article-date,
.article-author,
.article-tags {
    font-style: italic;
    display: inline;
    color: rgba(153,153,153,0.75);
}
.article-tags {
    display: block;
    margin-top: 10px;
}
.article-tags div {
    display: inline;
}
.article-tags a {
    margin-left: 10px;
}
.article-tags {
    padding: 0 0 20px;
    border-bottom:1px solid rgba(230,230,230,0.75);
    margin-bottom: 20px;
}
.article-tags + div:not(.article-body) {
    text-align: center;
    margin-bottom: 20px;
    line-height: 0;
}

.article-image {
  margin-bottom: 30px;
}

/* size images */
.node--type-article figure {
    margin: 15px 0;
    text-align: center;
}
.node--type-article figure img {
    max-width: 100%;
    height: auto;
}
.node--type-article figcaption {
    font-size: 13px;
    color: #999;
    font-style: italic;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
    line-height: 16px;
}

.node--type-article img {
    max-width: 100%;
    height: auto;
}
.article-tags + div:not(.article-body) img {
    width: 100%;
}
/* Overrides */
.hljs {
  background: none !important;
}