.share-this-post { position: relative; margin: 3em auto; text-align: center; }

@media (min-width: 992px) { .share-this-post { margin: 0; } }
.share-this-post a { margin: 0 10px; }

@media (min-width: 992px) { .share-this-post a { margin-bottom: 10px; } }
.share-this-post .affix, .share-this-post .affix-top { position: relative; }

@media (min-width: 992px) { .share-page { display: block; position: absolute; padding-left: 28px; top: 45px; width: 48px; z-index: 5; } }
.share-page > a { background: rgba(236, 236, 236, 0.45); border-radius: 100px; color: rgba(42, 42, 42, 0.4); display: inline-block; padding: 4px; position: relative; width: 36px; height: 36px; fill: #aaa; }

.share-page > a:focus, .share-page > a:hover { text-decoration: none; }

.share-page > a:last-child { margin-bottom: 0; }

.share-page > a[class*=icon-]:hover { color: #fff; fill: #fff; }

.share-page > a.icon-twitter:hover { background: #04aceb; }

.share-page > a.icon-facebook:hover { background: #3b5998; }

.share-page > a.icon-gplus:hover { background: #f44336; }

.share-page > a.icon-reddit:hover { background: #4E4E4E; }

.share-page > a.icon-stumbleupon:hover { background: #EB4924; }

.share-page > a.icon-email:hover { background: #a4a4a4; }

@media (min-width: 992px) { .share-page.affix { position: fixed; top: 45px; }
  .share-page.affix-top { top: 45px; }
  .share-page.affix-bottom, .share-page.affix-top { position: absolute; } }
.post-content ul > li, .post-content ol > li { padding-left: 34px; }

.post-content ol { counter-reset: item; }

.post-content ol li { display: block; position: relative; }

.post-content ol li::before { font-weight: 700; }

.blog-post .post-content { color: #222; font-size: 17px; -webkit-font-smoothing: antialiased; }

@media (min-width: 718px) { .blog-post .post-content { font-size: 19px; line-height: 29px; } }
.blog-post .post-content p { line-height: 25.5px; margin-bottom: 23px; }

.blog-post .post-content p.meta { font-size: 12px; letter-spacing: .5px; text-transform: uppercase; }

.blog-post .post-content > p:first-child:first-letter { float: left; font-family: "Aktiv Grotesk", Helvetica, Arial, sans-serif; font-size: 2.875em; font-weight: 700; line-height: 50px; margin: 6px 8px -5px 0; line-height: 60px; }

.blog-post .post-content > p:first-child { font-size: 27px; line-height: 36px; }

.blog-post .post-content a:not(.button) { border-bottom: 3px solid #b4e7f8; box-shadow: inset 0 -4px 0 #b4e7f8; color: inherit; -webkit-transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); }

.blog-post .post-content a:not(.button):hover { background: #b4e7f8; }

.blog-post .post-content span.highlight { background-color: #fff9c3; }

.blog-post .post-content span.post-cut { display: none; }

.blog-post .post-content h1, .blog-post .post-content h2, .blog-post .post-content h3 { color: #1d2b36; letter-spacing: .2px; -webkit-font-smoothing: auto; }

.blog-post .post-content h2 { font-size: 24px; font-weight: 500; margin: 1.8em 0 .8em; }

@media (min-width: 718px) { .blog-post .post-content h2 { font-size: 28px; line-height: 38px; } }
.blog-post .post-content dt, .blog-post .post-content h3 { color: #242424; font-size: 20px; font-weight: 500; line-height: 27px; margin: 2em 0 1em; }

@media (min-width: 718px) { .blog-post .post-content dt, .blog-post .post-content h3 { font-size: 23px; line-height: 31px; } }
.blog-post .post-content dt a, .blog-post .post-content h3 a { background-position: 0 22px; }

@media (min-width: 768px) { .blog-post .post-content dt a, .blog-post .post-content h3 a { background-position: 0 24px; } }
.blog-post .post-content h4 { font-size: 21px; -webkit-font-smoothing: antialiased; }

.blog-post .post-content h5 { letter-spacing: .5px; text-transform: uppercase; }

@media (min-width: 718px) { .blog-post .post-content h5 { font-size: 17px; } }
.blog-post .post-content blockquote, .blog-post .post-content dd, .blog-post .post-content li, .blog-post .post-content ol, .blog-post .post-content p, .blog-post .post-content section, .blog-post .post-content ul { color: #222; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height: 25.5px; margin-bottom: 23px; }

@media (min-width: 718px) { .blog-post .post-content blockquote, .blog-post .post-content dd, .blog-post .post-content li, .blog-post .post-content ol, .blog-post .post-content p, .blog-post .post-content section, .blog-post .post-content ul { font-size: 19px; line-height: 29px; } }
.blog-post .post-content p:last-child { margin-bottom: 0; }

.blog-post .post-content p.badge-text { margin-left: 10px; }

.blog-post .post-content p.badge-text.small { padding-left: 75px; }

.blog-post .post-content p.badge-text.large { padding-left: 137px; }

.blog-post .post-content strong { color: #2f2f2f; }

.blog-post .post-content blockquote p { border-left: 3px solid #222; margin: 35px 0; padding: 5px 0 5px 18px; }

@media (min-width: 1024px) { .blog-post .post-content blockquote p { margin: 35px 0 35px 0; padding-left: 21px; } }
.blog-post .post-content blockquote p a { background-size: 1px 2px; }

.blog-post .post-content blockquote p small a { background-position: 0 13px; }

@media (min-width: 718px) { .blog-post .post-content blockquote p small a { background-position: 0 15px; } }
.blog-post .post-content blockquote p img { margin: 0; }

.blog-post .post-content blockquote p.large { border: 0; color: #a9afb3; font-size: 1.85em; font-style: normal; font-weight: 400; line-height: 1.3em; margin: 1.5em 0; padding: 0; text-align: center; }

.blog-post .post-content blockquote p.large a { background-position: 0 21px; }

.blog-post .post-content blockquote p.large br { display: none; }

@media (min-width: 718px) { .blog-post .post-content blockquote p.large { font-size: 35px; letter-spacing: -.65px; line-height: 50px; margin: 1em 0; } }
@media (min-width: 718px) { .blog-post .post-content blockquote p.large br { display: inline-block; } }
@media (min-width: 1024px) { .blog-post .post-content blockquote p.large { -webkit-font-smoothing: antialiased; font-size: 45px; letter-spacing: -.65px; line-height: 55px; margin: 1em -100px; }
  .blog-post .post-content blockquote p.large a { background-position: 0 46px; } }
.blog-post .post-content blockquote p.single { padding-bottom: 0; }

.blog-post .post-content blockquote p.single span { display: block; margin-top: 10px; }

.blog-post .post-content blockquote p.top { margin: 0.85em 0 1.3em 0; }

@media (min-width: 1024px) { .blog-post .post-content blockquote p.top { margin-top: 0.5em; } }
.post-content { margin: 2em auto; max-width: 720px; padding: 0 15px 15px; }

.post-content img { max-width: 100%; width: auto; display: block; margin: 2.5em auto; }

.blog-post h1.post-title { max-width: 720px; font-weight: bold; font-size: 38px; line-height: 45px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

@media (min-width: 992px) { .blog-post h1.post-title { font-size: 52px; line-height: 60px; padding-left: 0px; padding-right: 0px; } }