.blog-article-container p {
    margin: 0 !important;
}

.column-footer-action {
    padding-top: 5px;
}

.column-footer-action a {
    display: block;
    background-color: #558ED5;
    color: #fff;
    padding: 10px 14px;
    border-radius: 4px;
}

.column-footer-action a:hover {
    color: #fff;
    text-decoration: underline;
}

.blog-item-header h5 {
    margin: 5px 0 0 0;
}

.main-column.blog-item {
    padding-bottom: 10px;
    padding-top: 30px;
}

.main-column {
    position: relative;
    padding-bottom: 40px;
}

.main-column img {
    width: 100%;
}

.image-box {
    position: relative;
}

.image-box div {
    white-space: nowrap;
}

.image-box span {
    text-overflow: ellipsis;
}

.image-box span {
    position: absolute;
    top: 55%;
    left: 0;
    background-color: #558ed5;
    background-color: rgba(85, 142, 213, 0.5);
    color: #fff;
    padding: 10px 14px;
    width: 100%;
    overflow: hidden;
}

#header_image {
    width: 100%;
}

/* Revert content css to initial. We want it to look as it did in the hub tool */
#article_content strong {
    border-bottom: initial !important;
    margin-top: initial;
    padding-bottom: initial;
}

#article_content p {
    line-height: initial;
}

#article_content h4 {
    border-bottom: initial !important;
}

@media (min-width:768px) {
    .image-box {
        height: 116px;
    }
}

@media (min-width:992px) {
    .image-box {
        height: 152px;
    }
}

@media (min-width:1200px) {
    .image-box {
        height: 120px;
    }
}