.blog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.blog article, .blog aside, .blog .tags, .blog .comments{border-top: 1px solid #DDD;margin:2em 0;padding-top:2em;}
.blog > article {border: 1px solid #DDD; margin: 0.5em 0;padding: 1.5rem;}
.blog > article > h2 {font-size:1.75rem; margin: 0 0 0.5rem}
.blog > article > p.blogContinue {margin:0}
.blog aside { width: 100%;}
#content article.blog>h1{margin-bottom:.3em}
.blogCredits{font-size:.8em;margin-bottom:1em; opacity: 0.5}
.blogCredits>p{margin-bottom:.5em}
.blogContinue{font-style:italic}
.blogContinue a:after{content: "\00A0\2026"}

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 * {-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box; -webkit-transition:none; -o-transition:none; transition:none}

@media (max-width: 1023px) {
  .blog h2 { font-size: 1.75rem; }
}

@media (max-width: 850px) {
  .blog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .blog > article {margin: 1.25rem 0;padding: 2rem 1.25rem 1.5rem;width: 100%;}
}