/*
  Theme Name:       Casper
  Theme URI:        https://github.com/lacymorrow/casper-wp
  Author:           Lacy Morrow <me@lacymorrow.com>
  Author URI:       https://lacymorrow.com
  Description:      A port of Ghost's Casper theme to WordPress
  Version:          1.0.14
  License:          GNU General Public License v2.0
  License URI:      https://www.gnu.org/licenses/gpl-2.0.html
  Text Domain:      casper
  Domain Path:      /languages/
  Tags:             responsive-layout, black, white, one-column, fluid-layout, custom-header, custom-menu, editor-style
  GitHub Theme URI: https://github.com/lacymorrow/casper-wp
  GitHub Branch:    master
  Casper is based on Underscores https://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{
  display:block
}

audio,canvas,video
{
  display:inline-block
}

audio:not([controls])
{
  display:none;
  height:0
}

[hidden],template
{
  display:none
}

html
{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}

body
{
  margin:0
}

a
{
  background:0 0
}

a:focus
{
  outline:thin dotted
}

a:active,a:hover
{
  outline:0
}

h1
{
  font-size:2em;
  margin:.67em 0
}

abbr[title]
{
  border-bottom:1px dotted
}

b,strong
{
  font-weight:700
}

dfn
{
  font-style:italic
}

hr
{
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0
}

mark
{
  color:#000;
  background:#ff0
}

code,kbd,pre,samp
{
  font-family:monospace,serif;
  font-size:1em
}

pre
{
  white-space:pre-wrap
}

q
{
  quotes:'\201C' '\201D' '\2018' '\2019'
}

small
{
  font-size:80%
}

sub,sup
{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sup
{
  top:-.5em
}

sub
{
  bottom:-.25em
}

img
{
  border:0
}

svg:not(:root)
{
  overflow:hidden
}

figure
{
  margin:0
}

fieldset
{
  margin:0 2px;
  padding:.35em .625em .75em;
  border:1px solid silver
}

legend
{
  padding:0;
  border:0
}

button,input,select,textarea
{
  font-family:inherit;
  font-size:100%;
  margin:0
}

button,input
{
  line-height:normal
}

button,select
{
  text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit]
{
  cursor:pointer;
  -webkit-appearance:button
}

button[disabled],html input[disabled]
{
  cursor:default
}

input[type=checkbox],input[type=radio]
{
  box-sizing:border-box;
  padding:0
}

input[type=search]
{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-appearance:textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
{
  -webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner
{
  padding:0;
  border:0
}

textarea
{
  overflow:auto;
  vertical-align:top
}

table
{
  border-spacing:0;
  border-collapse:collapse
}

@font-face
{
  font-family:icons;
  font-weight:400;
  font-style:normal;
  src:url(fonts/fa.eot);
  src:url(fonts/fa.eot@) format('embedded-opentype'),url(fonts/fa.woff) format('woff'),url(fonts/fa.ttf) format('truetype'),url(fonts/fa.svg) format('svg')
}

.icon-github-alt:before,.icon-youtube-play:before,.icon-stack-overflow:before,.icon-bitbucket:before,.icon-bitbucket-square:before,.icon-vimeo-square:before,.icon-behance:before,.icon-spotify:before,.icon-deviantart:before,.icon-soundcloud:before,.icon-vine:before,.icon-codepen:before,.icon-jsfiddle:before,.icon-send:before,.icon-ghost:before,.icon-feed:before,.icon-twitter:before,.icon-home:before,.icon-menu:before,.icon-facebook:before,.icon-github:before,.icon-instagram:before,.icon-google-plus:before,.icon-envelope:before,.icon-linkedin:before,.icon-youtube:before,.icon-tumblr:before,.icon-dribbble:before,.icon-flickr:before
{
  font-family:icons;
  font-weight:400;
  font-style:normal;
  font-variant:normal;
  line-height:1;
  text-decoration:none;
  text-transform:none;
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.icon-github-alt:before
{
  content:'\f113'
}

.icon-youtube-play:before
{
  content:'\f16a'
}

.icon-stack-overflow:before
{
  content:'\f16c'
}

.icon-bitbucket:before
{
  content:'\f171'
}

.icon-bitbucket-square:before
{
  content:'\f172'
}

.icon-vimeo-square:before
{
  content:'\f194'
}

.icon-behance:before
{
  content:'\f1b4'
}

.icon-spotify:before
{
  content:'\f1bc'
}

.icon-deviantart:before
{
  content:'\f1bd'
}

.icon-soundcloud:before
{
  content:'\f1be'
}

.icon-vine:before
{
  content:'\f1ca'
}

.icon-codepen:before
{
  content:'\f1cb'
}

.icon-jsfiddle:before
{
  content:'\f1cc'
}

.icon-send:before
{
  content:'\f1d8'
}

.icon-ghost:before
{
  content:'\e000'
}

.icon-feed:before
{
  content:'\e001'
}

.icon-twitter:before
{
  content:'\e002'
}

.icon-home:before
{
  content:'\e600'
}

.icon-menu:before
{
  content:'\e601'
}

.icon-facebook:before
{
  content:'\e602'
}

.icon-github:before
{
  content:'\e603'
}

.icon-instagram:before
{
  content:'\e604'
}

.icon-google-plus:before
{
  content:'\e605'
}

.icon-envelope:before
{
  content:'\e606'
}

.icon-linkedin:before
{
  content:'\e607'
}

.icon-youtube:before
{
  content:'\e608'
}

.icon-tumblr:before
{
  content:'\e609'
}

.icon-dribbble:before
{
  content:'\e60a'
}

.icon-flickr:before
{
  content:'\e60b'
}

html
{
  font-size:62.5%;
  height:100%;
  max-height:100%
}

body
{
  font-family:'Noto Serif',serif;
  font-size:2rem;
  line-height:1.6em;
  overflow-x:none;
  height:100%;
  max-height:100%;
  color:#3a4145
}

::-moz-selection
{
  color:#222;
  background:#d6edff;
  text-shadow:none
}

::selection
{
  color:#222;
  background:#d6edff;
  text-shadow:none
}

h1,h2,h3,h4,h5,h6
{
  font-family:'Open Sans',sans-serif;
  line-height:1;
  margin-top:0;
  text-rendering:optimizeLegibility
}

h1
{
  font-size:5rem;
  line-height:1.2em;
  text-indent:-3px;
  letter-spacing:-2px
}

h2
{
  font-size:4rem;
  line-height:1.2em;
  text-indent:-2px;
  letter-spacing:-1px
}

h3
{
  font-size:3.5rem
}

h4
{
  font-size:3rem
}

h5
{
  font-size:2.5rem
}

h6
{
  font-size:2rem
}

a
{
  transition:color ease .3s;
  color:#4a4a4a
}

a:hover
{
  color:#57a3e8
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
  color:#50585d
}

p,ul,ol,dl
{
  margin:1.6em 0
}

ol ol,ul ul,ul ol,ol ul
{
  margin:.4em 0
}

dl dt
{
  font-weight:700;
  float:left;
  clear:left;
  overflow:hidden;
  width:180px;
  margin-bottom:1em;
  text-align:right;
  white-space:nowrap;
  text-overflow:ellipsis
}

dl dd
{
  margin-bottom:1em;
  margin-left:200px
}

hr
{
  display:block;
  height:1px;
  margin:3.2em 0;
  padding:0;
  border:0;
  border-top:1px solid #efefef
}

blockquote
{
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:1.6em 0 1.6em -2.2em;
  padding:0 0 0 1.6em;
  border-left:#4a4a4a .4em solid
}

blockquote p
{
  font-style:italic;
  margin:.8em 0
}

blockquote small
{
  font-size:.9em;
  display:inline-block;
  margin:.8em 0 .8em 1.5em;
  color:#ccc
}

blockquote small:before
{
  content:'\2014 \00A0'
}

blockquote cite
{
  font-weight:700
}

blockquote cite a
{
  font-weight:400
}

mark
{
  background-color:#ffc336
}

code,tt
{
  font-family:Inconsolata,monospace,sans-serif;
  font-size:.85em;
  padding:1px 3px;
  white-space:pre-wrap;
  border:1px solid #e3edf3;
  border-radius:2px;
  background:#f7fafb
}

pre
{
  font-family:Inconsolata,monospace,sans-serif;
  font-size:.9em;
  overflow:auto;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  margin:1.6em 0;
  padding:10px;
  white-space:pre;
  border:1px solid #e3edf3;
  border-radius:3px;
  background:#f7fafb
}

pre code,tt
{
  font-size:inherit;
  padding:0;
  white-space:-moz-pre-wrap;
  white-space:pre-wrap;
  border:none;
  background:0 0
}

kbd
{
  font-size:.9em;
  font-weight:700;
  display:inline-block;
  margin-bottom:.4em;
  padding:1px 8px;
  color:#666;
  border:#ccc 1px solid;
  border-radius:4px;
  background:#f4f4f4;
  box-shadow:0 1px 0 rgba(0,0,0,.2),0 1px 0 0 #fff inset;
  text-shadow:#fff 0 1px 0
}

table
{
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:1.6em 0;
  background-color:transparent
}

table th,table td
{
  line-height:20px;
  padding:8px;
  text-align:left;
  vertical-align:top;
  border-top:1px solid #efefef
}

table th
{
  color:#000
}

table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
{
  border-top:0
}

table tbody+tbody
{
  border-top:2px solid #efefef
}

table table table
{
  background-color:#fff
}

table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th
{
  background-color:#f6f6f6
}

table.plain tbody>tr:nth-child(odd)>td,table.plain tbody>tr:nth-child(odd)>th
{
  background:0 0
}

iframe,.fluid-width-video-wrapper
{
  display:block;
  margin:1.6em 0
}

.fluid-width-video-wrapper iframe
{
  margin:0
}

.hidden
{
  display:none;
  visibility:hidden;
  text-indent:-9999px
}

.inner
{
  position:relative;
  width:80%;
  max-width:700px;
  margin:0 auto;
  padding-bottom:1em
}

.vertical-row
{
  display:table-row
}

.vertical
{
  display:table-cell;
  vertical-align:middle
}

.clear
{
  clear:both;
  height:0;
  margin:0;
  padding:0
}

hr
{
  height:1px;
  margin-bottom:1.5em;
  border:0;
  background-color:#ccc
}

ul,ol
{
  margin:0 0 1.5em 3em
}

ul
{
  list-style:disc
}

ol
{
  list-style:decimal
}

li>ul,li>ol
{
  margin-bottom:0;
  margin-left:1.5em
}

dt
{
  font-weight:700
}

dd
{
  margin:0 1.5em 1.5em
}

img
{
  max-width:100%;
  height:auto
}

figure
{
  margin:0
}

table
{
  width:100%;
  margin:0 0 1.5em
}

th
{
  font-weight:700
}

button,input,select,textarea
{
  font-size:100%;
  margin:0;
  vertical-align:baseline;
  *vertical-align:middle
}

button,input[type=button],input[type=reset],input[type=submit]
{
  font-size:12px;
  font-size:1.2rem;
  line-height:1;
  padding:.6em 1em .4em;
  cursor:pointer;
  color:rgba(0,0,0,.8);
  border:1px solid #ccc;
  border-color:#ccc #ccc #bbb;
  border-radius:3px;
  background:#e6e6e6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);
  text-shadow:0 1px 0 rgba(255,255,255,.8);
  -webkit-appearance:button
}

button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover
{
  border-color:#ccc #bbb #aaa;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)
}

button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active
{
  border-color:#aaa #bbb #bbb;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)
}

input[type=checkbox],input[type=radio]
{
  padding:0
}

input[type=search]
{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-appearance:textfield
}

input[type=search]::-webkit-search-decoration
{
  -webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner
{
  padding:0;
  border:0
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea
{
  color:#666;
  border:1px solid #ccc;
  border-radius:3px
}

input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus
{
  color:#111
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search]
{
  padding:3px
}

textarea
{
  overflow:auto;
  width:98%;
  padding-left:3px;
  vertical-align:top
}

.main-navigation
{
  font-family:'Open Sans',sans-serif;
  width:100%;
  padding:5px;
  color:#fff
}

.main-navigation>div
{
  width:80%;
  max-width:700px;
  margin:0 auto;
  padding:0
}

.main-navigation ul
{
  font-size:1.2rem;
  float:right;
  margin:0 4rem;
  padding:0;
  list-style:none
}

.main-navigation li
{
  position:relative;
  float:left
}

.main-navigation a
{
  display:block;
  padding:12px 20px;
  -webkit-transition:color .3s ease,background .3s ease;
  -moz-transition:color .3s ease,background .3s ease;
  transition:color .3s ease,background .3s ease;
  text-decoration:none;
  color:#fff;
  background-color:rgba(0,0,0,0)
}

.main-navigation a:hover
{
  color:#fff;
  background-color:rgba(0,0,0,.4)
}

.main-navigation ul ul
{
  position:absolute;
  z-index:99999;
  top:100%;
  left:0;
  display:none
}

.main-navigation ul ul ul
{
  top:0;
  left:100%
}

.main-navigation ul li:hover>ul
{
  display:block
}

.menu-toggle
{
  font-size:0;
  position:absolute;
  top:0;
  right:0;
  display:none;
  overflow:hidden;
  width:48px;
  height:48px;
  margin:0;
  cursor:pointer;
  text-align:center
}

.menu-toggle a
{
  padding:5px
}

.menu-toggle a:before
{
  font-size:3rem
}

@media screen and (max-width:600px)
{
  .menu-toggle,.main-navigation.toggled .nav-menu
{
  display:block
}

.main-navigation ul
{
  font-size:1.8rem;
  display:none;
  margin:0;
  background-color:rgba(0,0,0,.4)
}

.main-navigation li
{
  float:none;
  width:100%;
  margin:0 auto;
  border-bottom:1px solid #444
}


}

.site-main .comment-navigation,.site-main .paging-navigation,.site-main .post-navigation
{
  overflow:hidden;
  margin:0 0 1.5em
}

.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous
{
  float:left;
  width:50%
}

.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next
{
  float:right;
  width:50%;
  text-align:right
}

.screen-reader-text
{
  position:absolute!important;
  clip:rect(1px,1px,1px,1px)
}

.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus
{
  font-size:14px;
  font-weight:700;
  line-height:normal;
  z-index:100000;
  top:5px;
  left:5px;
  display:block;
  clip:auto!important;
  width:auto;
  height:auto;
  padding:15px 23px 14px;
  text-decoration:none;
  color:#21759b;
  border-radius:3px;
  background-color:#f1f1f1;
  box-shadow:0 0 2px 2px rgba(0,0,0,.6)
}

.alignleft
{
  display:inline;
  float:left;
  margin-right:1.5em
}

.alignright
{
  display:inline;
  float:right;
  margin-left:1.5em
}

.aligncenter
{
  display:block;
  clear:both;
  margin:0 auto
}

.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after
{
  display:table;
  content:''
}

.site-head-content
{
  margin-top: -7em;
}

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after
{
  clear:both
}

.widget
{
  margin:0 0 1.5em
}

.widget select
{
  max-width:100%
}

.widget_search .search-submit
{
  display:none
}

.sticky
{
  content:''
}

.hentry
{
  margin:0 0 1.5em
}

.byline,.updated
{
  display:none
}

.single .byline,.group-blog .byline
{
  display:inline
}

.page-content,.entry-content,.entry-summary
{
  margin:1.5em 0 0
}

.page-links
{
  clear:both;
  margin:0 0 1.5em
}

.blog .format-aside .entry-title,.archive .format-aside .entry-title
{
  display:none
}

.comment-content a
{
  word-wrap:break-word
}

.bypostauthor
{
  content:''
}

.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer
{
  display:none
}

.infinity-end.neverending .site-footer
{
  display:block
}

.wp-caption
{
  max-width:100%;
  margin-bottom:1.5em;
  border:1px solid #ccc
}

.wp-caption img[class*=wp-image-]
{
  display:block;
  max-width:98%;
  margin:1.2% auto 0
}

.wp-caption-text
{
  text-align:center
}

.wp-caption .wp-caption-text
{
  margin:.8075em 0
}

.site-main .gallery
{
  margin-bottom:1.5em
}

.gallery-caption
{
  content:''
}

.site-main .gallery a img
{
  max-width:90%;
  height:auto;
  border:none
}

.site-main .gallery dd,.site-main .gallery figcaption
{
  margin:0
}

embed,iframe,object
{
  max-width:100%
}

.site-head
{
  position:relative;
  display:table;
  width:100%;
  height:60%;
  margin-bottom:5rem;
  text-align:center;
  color:#fff;
  border-bottom:#ebf2f6 1px solid;
  background:#303538 no-repeat center center;
  background-size:cover
}

.site-head:after
{
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  width:7px;
  height:7px;
  margin-left:-5px;
  content:'';
  border:#e7eef2 1px solid;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  background:#fff;
  box-shadow:#fff 0 0 0 5px
}

body.home .site-head:after
{
  z-index:-3
}

.blog-logo
{
  text-decoration:none;
  color:#fff
}

.blog-logo img
{
  line-height:0;
  display:block;
  width:auto;
  max-height:170px;
  margin:0 auto
}

.blog-title
{
  font-family:'Open Sans',sans-serif;
  font-size:6rem;
  font-weight:700;
  margin:10px 0;
  letter-spacing:-2px;
  text-shadow:0 3px 10px rgba(0,0,0,0.4)
}

.blog-description
{
  font-family:'Noto Serif',serif;
  font-size:1.8rem;
  font-weight:300;
  line-height:1.5em;
  margin:0;
  letter-spacing:0;
  text-shadow:0 1px 3px rgba(0,0,0,.15)
}

.post-wrap
{
  position:relative;
  width:80%;
  max-width:700px;
  margin:4rem auto;
  word-break:break-word;
  hyphens:auto
}

.circle-in-border
{
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  width:7px;
  height:7px;
  margin-left:-5px;
  content:'';
  border:#e7eef2 1px solid;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  background:#fff;
  box-shadow:#fff 0 0 0 5px
}

.error-404 article
{
  margin-bottom:20px;
  padding-top:20px;
  border-top:#ebf2f6 1px solid
}

.hentry
{
  position:relative;
  width:80%;
  max-width:700px;
  margin:4rem auto;
  word-break:break-word;
  hyphens:auto;
  border-bottom:#ebf2f6 1px solid
}

.hentry:after
{
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  width:7px;
  height:7px;
  margin-left:-5px;
  content:'';
  border:#e7eef2 1px solid;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  background:#fff;
  box-shadow:#fff 0 0 0 5px
}

.post-title
{
  margin:0
}

.post-title a
{
  text-decoration:none
}

.post-excerpt p
{
  font-size:.9em;
  line-height:1.6em;
  margin:1.6rem 0 0
}

.post-meta
{
  font-family:'Open Sans',sans-serif;
  font-size:1.5rem;
  display:inline-block;
  margin:0 0 5px;
  color:#9eabb3
}

.post-meta a
{
  text-decoration:none;
  color:#9eabb3
}

.post-meta a:hover
{
  text-decoration:underline
}

.user-meta
{
  position:relative;
  min-height:77px;
  padding:.3rem 40px 0 100px
}

.user-image
{
  position:absolute;
  top:0;
  left:0
}

.user-name
{
  font-weight:700;
  display:block
}

.user-bio
{
  font-size:1.4rem;
  line-height:1.5em;
  display:block;
  max-width:440px
}

.publish-meta
{
  position:absolute;
  top:0;
  right:0;
  padding:4.3rem 0 4rem;
  text-align:right
}

.publish-heading
{
  font-weight:700;
  display:block
}

.publish-date
{
  font-size:1.4rem;
  line-height:1.5em;
  display:block
}

.post-template .post
{
  margin-top:0;
  padding-bottom:0;
  border-bottom:none
}

.post-template .post:after
{
  display:none
}

.post-template .post-header
{
  padding:60px 0;
  text-align:center
}

.post-header img
{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
  padding-top:1rem;
  transition:opacity ease .6s;
  opacity:0;
  -ms-filter:'alpha(Opacity=0)';
  filter:alpha(opacity=0)
}

.post-template .blog-title
{
  display:inline-block;
  padding:2.5rem 0
}

.post-content img
{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
  padding:1em
}

.post-footer
{
  position:relative;
  margin:4rem 0 0;
  padding:4rem 0 0;
  border-top:#ebf2f6 1px solid
}

.post-footer h4
{
  font-size:1.8rem;
  margin:0
}

.post-footer p
{
  font-size:1.4rem;
  line-height:1.6em;
  margin:1rem 0
}

.post-footer .author
{
  margin-right:180px;
  margin-bottom:3rem
}

.post-footer .author a
{
  text-decoration:none
}

.post-footer .share
{
  position:absolute;
  top:4rem;
  right:0;
  width:140px
}

.post-footer .share a
{
  font-size:1.8rem;
  display:inline;
  margin:1.4rem 0 1.6rem 1.6rem;
  text-decoration:none;
  color:#bbc7cc
}

.post-footer .share a:hover
{
  color:#50585d
}

.gist table
{
  font-size:1.4rem;
  margin:0
}

.gist .line-number
{
  font-size:1.1rem;
  min-width:25px
}

.social-icons
{
  margin-top:15px
}

.social-icons a
{
  font-size:1.3em;
  margin:0 5px;
  text-decoration:none;
  color:#fff
}

.blog-title a:hover,.social-icons a:hover
{
  color:#57a3e8
}

.comments-area
{
  width:80%;
  max-width:700px;
  margin:4rem auto;
  padding-bottom:4rem
}

.comment-form-comment label
{
  display:inline-block;
  width:100%
}

.form-allowed-tags
{
  font-family:'Open Sans',sans-serif;
  font-size:1.3rem;
  float:right;
  width:80%;
  margin:-1rem;
  color:#9eabb3
}

.comment-subscription-form
{
  clear:both;
  margin-top:1rem
}

.form-submit #submit
{
  font-family:'Open Sans',sans-serif;
  font-size:1.3rem;
  display:inline-block;
  float:left;
  max-width:18%;
  padding:15px;
  transition:border ease .3s;
  text-decoration:none;
  color:#9eabb3;
  border:#ebf2f6 2px solid;
  border-width:3px;
  background:0 0
}

.widget-area
{
  font-family:'Open Sans',sans-serif;
  font-size:1.3rem;
  width:80%;
  max-width:700px;
  margin:4rem auto;
  padding-bottom:4rem;
  color:#9eabb3
}

.widget-area h1
{
  font-size:2.5rem
}

.widget-area aside
{
  float:left;
  overflow:hidden;
  width:30%;
  height:260px;
  padding:2rem 1.5%
}

.search-submit
{
  display:inline-block;
  padding:15px;
  transition:border ease .3s;
  text-decoration:none;
  border:#ebf2f6 2px solid;
  border-width:3px;
  border-radius:30px;
  background:0 0
}

.search-submit:hover,.form-submit #submit:hover
{
  border-color:#9eabb3
}

#main>header.page-header
{
  font-family:'Open Sans',sans-serif;
  width:80%;
  max-width:700px;
  margin:0 auto;
  padding:0;
  text-align:center;
  color:#9eabb3
}

#main>header.page-header>h1
{
  font-size:1.3rem;
  font-weight:400;
  line-height:normal;
  margin:0 4rem;
  padding:0;
  text-indent:0;
  letter-spacing:normal
}

.pagination
{
  font-family:'Open Sans',sans-serif;
  font-size:1.3rem;
  position:relative;
  width:80%;
  max-width:700px;
  margin:4rem auto;
  text-align:center;
  color:#9eabb3
}

.pagination a
{
  color:#9eabb3
}

.older-posts,.newer-posts
{
  position:absolute;
  display:inline-block;
  padding:0 15px;
  transition:border ease .3s;
  text-decoration:none;
  border:#ebf2f6 2px solid;
  border-radius:30px
}

.older-posts
{
  right:0
}

.page-number
{
  display:inline-block;
  padding:2px 0
}

.newer-posts
{
  left:0
}

.older-posts:hover,.newer-posts:hover
{
  border-color:#9eabb3
}

.site-footer
{
  font-family:'Open Sans',sans-serif;
  font-size:1.3rem;
  line-height:1.7em;
  position:relative;
  margin:0;
  padding:4rem 0;
  text-align:center;
  color:#bbc7cc;
  border-top:#ebf2f6 1px solid;
  background:#f7fafb
}

.site-footer a
{
  text-decoration:underline;
  color:#bbc7cc
}

.site-footer a:hover
{
  color:#50585d
}

.poweredby .icon-ghost
{
  font-weight:700;
  text-decoration:none
}

.poweredby .icon-ghost:hover
{
  text-decoration:none
}

.poweredby .icon-ghost:before
{
  font-size:1rem;
  margin-right:.2em
}

.subscribe
{
  line-height:2.4rem;
  position:absolute;
  top:-14px;
  left:50%;
  width:28px;
  height:28px;
  margin-left:-15px;
  transition:box-shadow .5s;
  text-align:center;
  border:#ebf2f6 1px solid;
  border-radius:50px;
  background:#fff
}

.subscribe:before
{
  font-size:10px;
  font-weight:700;
  position:absolute;
  top:9px;
  left:9px;
  transition:color .5s ease;
  color:#d2dee3
}

.subscribe:hover
{
  transition:box-shadow .25s;
  box-shadow:rgba(0,0,0,.05)0 0 0 3px
}

.subscribe:hover:before
{
  color:#50585d
}

.tooltip
{
  font-size:1.1rem;
  line-height:1em;
  position:absolute;
  top:-23px;
  left:-21px;
  display:inline-block;
  padding:4px 8px 5px;
  transition:opacity .3s ease,top .3s ease;
  text-align:center;
  opacity:0;
  color:rgba(255,255,255,.9);
  border-radius:20px;
  background:#50585d;
  box-shadow:0 1px 4px rgba(0,0,0,.1)
}

.tooltip:after
{
  position:absolute;
  z-index:220;
  bottom:-4px;
  left:50%;
  display:block;
  width:0;
  margin-left:-5px;
  content:'';
  border-width:5px 5px 0;
  border-style:solid;
  border-color:#50585d transparent
}

.subscribe:hover .tooltip
{
  top:-33px;
  opacity:1
}

@media only screen and (max-width:900px)
{
  blockquote
{
  margin-left:0
}

.site-head
{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  height:auto;
  min-height:240px;
  padding:15% 0
}

.blog-title
{
  font-size:4rem;
  letter-spacing:-1px
}

.blog-description
{
  font-size:1.7rem;
  line-height:1.5em
}

.post
{
  font-size:.9em;
  line-height:1.6em
}

.post-template .post
{
  padding-bottom:1rem
}

.post-template .post-header
{
  padding:40px 0
}

h1
{
  font-size:4.8rem;
  text-indent:-2px
}

h2
{
  font-size:3.8rem
}

h3
{
  font-size:3.3rem
}

h4
{
  font-size:2.8rem
}


}

@media only screen and (max-width:500px)
{
  .blog-logo img
{
  max-height:80px
}

.inner,.pagination
{
  width:auto;
  margin-right:16px;
  margin-left:16px
}

.post
{
  font-size:.8em;
  line-height:1.6em;
  width:auto;
  margin-right:16px;
  margin-left:16px
}

.site-head
{
  padding:10% 0
}

.blog-title
{
  font-size:3rem
}

.blog-description
{
  font-size:1.5rem
}

h1,h2
{
  font-size:3rem;
  line-height:1.1em;
  letter-spacing:-1px
}

h3
{
  font-size:2.8rem
}

h4
{
  font-size:2.3rem
}

.post-template .post
{
  padding-bottom:0
}

.post-template .post-header
{
  padding:30px 0
}

.post-meta
{
  font-size:1.3rem
}

.post-footer
{
  padding:4rem 0;
  text-align:center
}

.post-footer .author
{
  margin:0 0 2rem;
  padding:0 0 1.6rem;
  border-bottom:#ebf2f6 1px dashed
}

.post-footer .share
{
  position:static;
  width:auto
}

.post-footer .share a
{
  margin:1.4rem .8rem 0
}

.older-posts,.newer-posts
{
  position:static;
  margin:10px 0
}

.page-number
{
  display:block
}

.site-footer
{
  font-size:1.1rem;
  margin-top:6rem
}


}