#content .article-list {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
#content .article-list article {width: 32.5%; position: relative; margin: 0 1% 3em 0; border: 0; padding: 1em 1.5em 5em; border: 1px solid #ccc;}
#content .article-list article:nth-of-type(3n+3) {margin-right: 0}
#content .article-list article h1 {font-size: 1.5em; margin-bottom: 0.25em}
#content .article-list article h1+time,
#content .blogCredits,
#content .tags {font-size: 0.875rem; opacity: 0.5; font-style: italic; margin-bottom: 1em; display: block}
#content .blogCredits,
#content .tags {opacity: 1; margin: 0}
#content .blogCredits:not(footer) {opacity: 1; margin: -1em 0 1em}
#content .tags {margin-bottom: 2em}
#content .blogCredits:not(footer) .addthis_inline_share_toolbox {margin-top: 3em}
#content .article-list article p {font-size: 1em}
#content .article-list article img {max-width: 100%; height: auto}
#content .article-list article .button {position: absolute; margin: 0; text-align: center; bottom: 0; left: 0; width: 100%; color: #fff}


.blog article, .blog aside, .blog .tags, .blog .comments{border-top:1px solid #ccc;margin:2em 0;padding-top:2em}
#content article.blog>h1{margin-bottom:.3em}
.blogCredits{font-size:.8em;margin-bottom:2em}
.blogCredits>p{margin-bottom:.5em}
.blogContinue a{background-color:#00a6e0;color:#fff; padding: .5em .5em}
.blogContinue a:hover {background: #F3342F}


article#content>h1{margin-bottom:.5em}
/*official social media plugins should be wrapped in <div class="blogShare">*/
.blogShare{display:inline-block;position:relative;overflow:auto}
.blogShare>*{float:left;margin:0 .5em 0 0}
/*facebook override*/.fb-like, .fb-like *{line-height: 1.28}
/*linkedin override*/.blogShare, .blogShare *{box-sizing:content-box;-moz-box-sizing:content-box; transition:none}

.blogPost .automate-widget {float: left; margin: 1em 3em 1em 0}


@media screen and (max-width: 1060px) {
#content .article-list article,
#content .article-list article:nth-of-type(3n+3) {width:49%; margin-right: 2%}
#content .article-list article:nth-of-type(even) {margin-right: 0}
}
@media screen and (max-width: 800px) {
#content .article-list article,
#content .article-list article:nth-of-type(3n+3),
#content .article-list article:nth-of-type(even) {width: 100%; margin: 1em 0}
.blogPost .automate-widget {float: none; margin: 1em auto 2em}
}