/*THESE STYLES ARE ONLY INCLUDED ON THE HOMEPAGE ARTICLES WIDGET*/

.articlesWidget {
    margin-top: 0;
}

    .articlesWidget .articleSection {
        background-color: white;
        padding: 45px 20px 20px 20px;
        /*margin-top: -20px;
        margin-bottom: 30px;*/
        margin: -20px 10px 30px 10px;
        max-height: 530px;
    }

        .articlesWidget .articleSection .articleEntries {
            max-height: 420px;
            overflow: hidden;
            /*margin-bottom: 20px;*/
        }

    .articlesWidget .product-header {
        background-color: #0078D5;
        /*padding: 10px;*/
        
    }

        .articlesWidget .product-header h3 {
            color: white;
            display: inline-block;
        }

        .articlesWidget .product-header a:hover {
            text-decoration: none;
        }


    .articlesWidget .blog-rss {
        position: relative;
    }

        .articlesWidget .blog-rss img {
            height: 40px;
            vertical-align: bottom;
        }

    .articlesWidget .blog-thumbnail {
        float: left;
        margin-right: 15px;
        height: auto;
        width: 68px;
        padding: 0;
    }

    .articlesWidget a.see-more-article {
        text-align: center;
    }

        .articlesWidget a.see-more-article .glyphicon-chevron-right {
            top: 0;
        }

    .articlesWidget .articleStub {
        margin: 0 0 20px 0;
        height: 68px;
        overflow: hidden;
    }

        .articlesWidget .articleStub .article-title {
            margin-top: -5px;
            margin-bottom: 2px;
        }
        .product-header h3 {
            font-size: 22px;
        }
@media (min-width: 350px) and (max-width: 700px) {
    .articlesWidget .blog-thumbnail {
        width: 62px;
    }

    .articlesWidget .articlesStub {
        height: 62px;
    }
}

@media (max-width: 350px) {
    .articlesWidget .blog-thumbnail {
        display: none;
    }
}

@media (max-width: 550px) {
    .articlesWidget .blog-author {
        display: none;
    }
}