html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box;
box-sizing: border-box; }
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #3a4145;
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.75;
-webkit-font-feature-settings: "kern";
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
line-height: 1.15;
-webkit-font-feature-settings: "dlig", "liga", "lnum", "kern";
color: #2e2e2e;
margin: 0 0 .3em;
clear: both;
}
h1 a, .site-title a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}
h1 {
font-size: 28px;
font-size: 2.8rem;
letter-spacing: -1px;
}
.entry-content h1 {
font-size: 26px;
font-size: 2.6rem;
}
h2 {
font-size: 24px;
font-size: 2.4rem;
}
h3 {
font-size: 21px;
font-size: 2.1rem;
}
h4 {
font-size: 19px;
font-size: 1.9rem;
}
h5 {
font-size: 18px;
font-size: 1.8rem;
}
h6 {
font-size: 18px;
font-size: 1.8rem;
}
p {
margin-bottom: 1.75em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
border-left: .4em solid #4a4a4a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 1.75em 0 1.75em -2.2em;
padding: 0 0 0 1.75em;
font-style: italic;
}
blockquote blockquote {
margin-left: 0;
}
blockquote em,
blockquote i {
font-style: normal;
}
blockquote p,
blockquote ul,
blockquote ol {
margin: .8em 0;
font-style: italic;
}
blockquote small {
display: inline-block;
margin: .8em 0 .8em 1.5em;
font-size: 160px;
font-size: 16rem;
color: #ccc;
}
blockquote small:before {
content: "\2014 \00A0";
}
blockquote cite {
font-weight: 700;
}
blockquote cite a {
font-weight: 400;
}
address {
margin: 0 0 1.5em;
}
pre {
margin: 0 0 1.75em;
max-width: 100%;
padding: .6em;
background: #f7fafb;
border: 1px solid #e3edf3;
border-radius: 3px;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
white-space: pre;
overflow: auto;
}
pre code {
background: transparent;
border: 0;
padding: 0;
}
code, kbd, tt, var {
font-size: 15px;
font-size: 1.5rem;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
white-space: pre-wrap;
}
code {
padding: 1px 3px;
background: #f7fafb;
border: 1px solid #e3edf3;
border-radius: 2px;
}
kbd {
display: inline-block;
margin-bottom: 0.4em;
padding: 1px 8px;
border: #CCC 1px solid;
color: #666;
text-shadow: #FFF 0 1px 0;
font-weight: 700;
background: #F4F4F4;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
}
abbr, acronym {
border-bottom: 1px dotted #ebf2f6;
cursor: help;
}
mark, ins {
background: #ffc336;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
} hr {
background-color: #ebf2f6;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.75em;
padding: 0 0 0 1.5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0;
}
table {
margin: 1.75em 0;
line-height: 1.15;
width: 100%;
max-width: 100%;
background: transparent;
text-align: left;
}
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: #EFEFEF 2px solid;
}
table table table {
background: #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: transparent;
}
th,
td {
padding: .45em;
vertical-align: top;
border-top: #EFEFEF 1px solid;
}
th {
color: #000;
} button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
form {
margin-bottom: 1.75em;
}
.button, button,
#infinite-handle span,
input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
padding: .75em 1em;
border: 1px solid;
border-radius: 3px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #9eabb3;
border-color: #9eabb3;
background: transparent;
-webkit-transition: background-color 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s;
transition: background-color 0.3s ease 0s;
}
.button:hover, button:hover,
#infinite-handle span:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #666;
border-color: #666;
background: #fff;
}
.button:focus, button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus, .button:active, button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
color: #666;
border-color: #666;
background: #fff;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; -webkit-appearance: button; }
#infinite-handle {
text-align: center;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-size: 1.3rem;
color: #9eabb3;
border: 1px solid #9eabb3;
border-radius: 3px;
padding: .5em .75em;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #3a4145;
border-color: #3a4145;
}
textarea {
overflow: auto; vertical-align: top; width: 100%;
}
label {
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 15px;
font-size: 1.5rem;
color: #9eabb3;
}  a {
color: #4a4a4a;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover, a:focus, a:active {
color: #111;
}  .main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation .menu {
margin-bottom: 1.5em;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
}
.main-navigation a {
display: block;
text-decoration: none;
padding: .5em 1.875em;
color: #9eabb3;
}
.main-navigation a:hover, .main-navigation a:focus {
background-color: #fff;
color: #555;
}
.main-navigation .sub-menu,
.main-navigation .children {
text-transform: none;
}
.main-navigation .sub-menu a,
.main-navigation .children a {
padding-left: 3.125em;
}
.main-navigation .sub-menu .sub-menu a,
.main-navigation .children .children a {
padding-left: 4.375em;
}
.main-navigation .sub-menu a:before,
.main-navigation .children a:before {
content: "\f428";
font-size: 16px;
vertical-align: middle;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
background-color: #fff;
color: #666;
} .social-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.social-links li {
display: inline-block;
}
.social-links a {
display: inline-block;
text-decoration: none;
}
.social-links a:before {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
padding: .5em .25em;
font-size: 20px;
}
.social-links a[href*='codepen.io']:before {
content: "\f216";
}
.social-links a[href*='digg.com']:before {
content: "\f221";
}
.social-links a[href*='dribbble.com']:before {
content: "\f201";
}
.social-links a[href*='dropbox.com']:before {
content: "\f225";
}
.social-links a[href*='facebook.com']:before {
content: "\f203";
}
.social-links a[href*='/feed']:before {
content: "\f413";
}
.social-links a[href*='flickr.com']:before {
content: "\f211";
}
.social-links a[href*='foursquare.com']:before {
content: "\f226";
}
.social-links a[href*='github.com']:before {
content: "\f200";
}
.social-links a[href*='instagram.com']:before {
content: "\f215";
}
.social-links a[href*='linkedin.com']:before {
content: "\f208";
}
.social-links a[href*='mailto']:before {
content: "\f410";
}
.social-links a[href*='pinterest.com']:before {
content: "\f209";
}
.social-links a[href*='plus.google.com']:before {
content: "\f218";
}
.social-links a[href*='getpocket.com']:before {
content: "\f224";
}
.social-links a[href*='polldaddy.com']:before {
content: "\f217";
}
.social-links a[href*='reddit.com']:before {
content: "\f222";
}
.social-links a[href*='spotify.com']:before {
content: "\f515";
}
.social-links a[href*='stumbleupon.com']:before {
content: "\f223";
}
.social-links a[href*='tumblr.com']:before {
content: "\f214";
}
.social-links a[href*='twitch.tv']:before {
content: "\f516";
}
.social-links a[href*='vimeo.com']:before {
content: "\f212";
}
.social-links a[href*='twitter.com']:before {
content: "\f202";
}
.social-links a[href*='wordpress.org']:before,
.social-links a[href*='wordpress.com']:before {
content: "\f205";
}
.social-links a[href*='youtube.com']:before {
content: "\f213";
}
.more-link {
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
}
.more-link {
text-decoration: none;
color: #9eabb3;
}
.more-link:hover, .more-link:focus {
color: #666;
}
.nav-links a {
display: inline-block;
padding: .5em 1em;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-size: 1.3rem;
text-decoration: none;
background-color: transparent;
border: 1px solid #9eabb3;
color: #9eabb3;
border-radius: 3px;
}
.nav-links a:hover, .nav-links a:focus {
color: #666;
border-color: #666;
text-decoration: none;
}
.nav-links a:before {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
float: left;
margin: .15em .25em 0 0;
}
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
content: "\f430";
}
.posts-navigation .nav-next a:before,
.post-navigation .nav-next a:before {
content: "\f429";
}
.nav-next a:before {
float: right;
margin: .15em 0 0 .25em;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.75em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
display: block;
margin-bottom: 1.5em;
width: 100%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
display: block;
width: 100%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin: 0 auto;
} .clearfix:after, .site-header:after,
.site-content:after,
.site-footer:after,
.entry-content:after,
.comment-content:after, .navbar:after, .site-footer .container:after,
#infinite-footer .container:after {
content: "";
display: table;
clear: both;
} .widget-area {
padding: 1em 1.45833333em;
}
.widget {
margin: 0 0 1.75em;
padding-bottom: 1em;
border-bottom: 1px solid #d3e0e9; }
.widget:last-child {
border: 0;
}
.widget p,
.widget ul,
.widget ol {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.75;
margin-bottom: 1em;
}
.widget form {
margin-bottom: 1em;
}
.widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
}
.widget-title {
font-size: 18px;
font-size: 1.8rem;
letter-spacing: inherit;
} .inner {
max-width: 43em;
margin: 0 auto;
padding: 0 1em;
} .site {
position: relative;
width: 100%;
}
.site-header {
position: relative;
background-color: rgba(255, 255, 255, 0.9);
}
.has-header-image .site-header {
display: table;
width: 100%;
} .has-header-image .site-branding {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.site-logo-link {
display: block;
margin: 0 auto;
width: 150px; }
.site-branding {
text-align: center;
}
.site-branding .inner {
margin: 0 auto 2.5em;
padding-top: 5.5em;
}
.has-header-image .site-branding .inner {
margin: 2.5em auto;
padding-top: 2.5em;
}
.home .site-header {
background-color: #f5f8fa;
}
.home .site-title {
-webkit-animation: fade-in-down 0.6s;
-o-animation: fade-in-down 0.6s;
animation: fade-in-down 0.6s;
-webkit-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.home .site-description {
-webkit-animation: fade-in-down 0.9s;
-o-animation: fade-in-down 0.9s;
animation: fade-in-down 0.9s;
-webkit-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.site-title,
.site-title a {
font-family: "Open Sans", sans-serif;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.15;
-webkit-font-feature-settings: "dlig", "liga", "lnum", "kern";
color: #2e2e2e;
margin: 10px 0;
clear: both;
}
.site-description {
color: #3a4145;
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 20px;
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.01rem;
margin: 0 0 .3em;
}
.site-branding .inner {
color: #3a4145;
}
.navbar {
top: 0;
left: 0;
padding: 2em 1em 0;
position: absolute;
width: 100%;
z-index: 20;
}
.has-header-image.has-site-logo .navbar {
padding: 1em 1em 0;
}
.navbar .slide-menu-toggle {
background-color: transparent;
border-color: #9eabb3;
color: #9eabb3;
}
.navbar .slide-menu-toggle:hover,
.navbar .slide-menu-toggle:focus {
background-color: #fff;
border-color: #666;
color: #666;
}
.js .navbar .slide-menu-toggle:focus {
outline: none;
}
.navbar .slide-menu-toggle:before {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
margin: .075em .25em 0 0;
}
.navbar-action {
float: right;
margin-bottom: 1.5em;
}
.slide-menu-toggle {
margin-left: 1em;
float: right;
}
.slide-menu-toggle:before {
content: "\f419";
} .has-header-image .site-header {
height: 40vh;
}
.has-header-image .site-header:before {
display: block;
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
}
.has-header-image .site-branding,
.has-header-image .navbar .slide-menu-toggle {
position: relative;
}
.has-header-image .scroll-down {
color: rgba(255, 255, 255, 0.8);
}
.has-header-image .scroll-down:hover,
.has-header-image .scroll-down:focus {
color: #fff;
}
.has-header-image .site-branding .site-title,
.has-header-image .site-branding .site-title a,
.site-branding .inner,
.has-header-image .site-branding .site-description,
.has-header-image .site-branding a {
color: #fff;
}
.has-header-image .navbar .slide-menu-toggle {
border-color: #fff;
color: #fff;
}
.has-header-image .navbar .slide-menu-toggle:hover,
.has-header-image .navbar .slide-menu-toggle:focus {
color: #222;
background-color: #fff;
} .has-header-image-home .site-header {
height: 40vh;
}
.scroll-down {
display: none;
width: 48px;
width: 4.8rem;
position: absolute;
bottom: 3em;
left: 50%;
margin-left: -24px;
margin-left: -2.4rem;
z-index: 20;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.8);
-webkit-animation: 4s ease 2s normal none infinite running bounce;
-o-animation: 4s ease 2s normal none infinite running bounce;
animation: 4s ease 2s normal none infinite running bounce;
}
.scroll-down:hover, .scroll-down:focus {
color: #fff;
-webkit-animation: 0s ease 0s normal none 1 running none;
-o-animation: 0s ease 0s normal none 1 running none;
animation: 0s ease 0s normal none 1 running none;
}
.scroll-down:before {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
font-size: 48px;
font-size: 4.8rem;
}
.scroll-down:before {
content: "\f431";
} .slide-menu {
background: #f5f8fa;
border: 1px solid #d3e0e9;
border-width: 1px 0;
height: 100%;
padding-top: 1.5em;
width: 100%;
}
.js .slide-menu {
display: none;
padding-top: 70px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.js .sidebar-open .navbar .slide-menu-toggle {
background-color: #fff;
border-color: #666;
color: #666;
}
.js .sidebar-open .navbar .slide-menu-toggle:before {
content: "\f405";
}
.js .sidebar-open .slide-menu {
display: block;
visibility: visible;
}
.slide-menu-title {
padding-left: 1.45833333em;
} .site-content { position: relative;
}
.content-area {
padding-top: 1.5em;
padding-bottom: 2em;
background-color: #fff;
}
.sticky {
display: block;
}
.hentry {
position: relative;
margin: 2em 0;
padding-bottom: 2em;
border-bottom: 1px solid #ebf2f6;
}
.entry-footer {
margin-bottom: 1.5em;
}
.archive .hentry:after,
.search .hentry:after,
.blog .hentry:after {
position: absolute;
content: "";
display: block;
height: 10px;
width: 10px;
left: 50%;
bottom: -6px;
margin-left: -6px;
background: none repeat scroll 0 0 #fff;
border: 1px solid #ebf2f6;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 4px #fff;
box-shadow: 0 0 0 4px #fff;
}
.updated:not(.published) {
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;
} .entry-title {
margin: 0;
}
.entry-meta {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
color: #9eabb3;
}
.entry-header .entry-meta {
margin-top: 1em;
}
.entry-meta a {
color: #9eabb3;
text-decoration: none;
}
.entry-meta a:hover, .entry-meta a:focus {
color: #111;
}
.entry-meta .entry-date {
text-transform: uppercase;
font-size: 13px;
font-size: 1.3rem;
}
.entry-meta > span {
padding-left: 10px;
margin-left: 9px;
border-left: 1px solid #ebf2f6;
}
.entry-meta > span:first-child, .entry-meta > span.no-sep {
padding-left: 0;
margin-left: 0;
border: 0;
}
.entry-meta .avatar {
background-color: #999;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin: 0 .5em .5em 0;
float: left;
}
.entry-meta .comments-link a:before {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
margin: .15em .25em 0 0;
}
.entry-meta .comments-link a:before {
content: "\f300";
}
.entry-format:before {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
content: '';
margin: .15em 0 0;
}
.entry-format-standard:before {
content: "\f100";
}
.entry-format-aside:before {
content: "\f101";
}
.entry-format-quote:before {
content: "\f106";
}
.entry-format-image:before {
content: "\f102";
}
.entry-format-video:before {
content: "\f104";
}
.entry-format-link:before {
content: "\f107";
}
.entry-format-gallery:before {
content: "\f103";
} .home .entry-title,
.blog .entry-title,
.search .entry-title,
.archive .entry-title {
font-size: 25px;
font-size: 2.5rem;
}
.entry-thumbnail {
margin-bottom: 1.75em;
} .entry-author {
position: relative;
margin-top: 4.5em;
padding-top: 4.5em;
border-top: 1px solid #ebf2f6;
font-size: 14px;
font-size: 1.4rem;
}
.entry-author .author-image {
position: absolute;
top: 0;
left: 50%;
margin-top: -40px;
margin-left: -40px;
border-radius: 50%;
border: 1px solid #ebf2f6;
}
.entry-author .author-image .avatar {
display: block;
border: 4px solid #fff;
border-radius: 50%;
}  .blog .format-aside .entry-title,
.blog .format-quote .entry-title,
.archive .format-aside .entry-title,
.archive .format-quote .entry-title,
.search .format-aside .entry-title,
.search .format-quote .entry-title {
display: none;
}
.blog .format-quote .entry-content,
.archive .format-quote .entry-content,
.search .format-quote .entry-content {
font-size: 20px;
font-size: 2rem;
font-style: italic;
} .reply-title,
.comments-title {
font-size: 28px;
font-size: 2.8rem;
letter-spacing: inherit;
}
.comment-form {
font-size: 16px;
font-size: 1.6rem;
}
.comment-list {
margin-top: 1.75em;
}
.comment-list > li {
border-bottom: 1px solid #ebf2f6;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list ol {
list-style: none;
padding-left: 0;
margin-left: 0;
font-size: 16px;
font-size: 1.6rem;
}
.comment-list .children {
padding-left: 1.5em;
margin-left: 0;
border-left: 4px solid #ebf2f6;
}
.comment-meta,
.reply,
.form-allowed-tags {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
margin-bottom: .75em;
}
.comment-meta a,
.reply a,
.form-allowed-tags a {
text-decoration: none;
}
.comment-meta .avatar,
.reply .avatar,
.form-allowed-tags .avatar {
vertical-align: middle;
display: inline-block;
border-radius: 50%;
margin-right: .5em;
}
.form-allowed-tags,
.logged-in-as {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
color: #9eabb3;
margin-bottom: 1.5em;
}
.form-allowed-tags a,
.logged-in-as a {
color: #9eabb3;
}
.comment-metadata,
.comment-metadata a {
color: #9eabb3;
}
.comment-meta .edit-link {
display: inline-block;
padding-left: 10px;
margin-left: 9px;
border-left: 1px solid #ebf2f6;
}
.comment-body {
margin-bottom: 1.5em;
}
.comment-content p,
.comment-content ul,
.comment-content ol {
margin-bottom: .75em;
}
.reply {
text-transform: uppercase;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .site-footer,
#infinite-footer {
margin: 80px 0 0;
}
.site-footer .container,
#infinite-footer .container {
border-top: 1px solid #ebf2f6;
padding: 10px 15px;
background: #fff;
}
.site-footer .blog-info,
.site-footer .blog-credits,
#infinite-footer .blog-info,
#infinite-footer .blog-credits {
width: 40%;
line-height: inherit;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.75;
font-family: "Open Sans", sans-serif;
color: #bbc7cc;
}
.site-footer .blog-info a,
.site-footer .blog-credits a,
#infinite-footer .blog-info a,
#infinite-footer .blog-credits a {
color: #bbc7cc;
text-decoration: none;
font-weight: 700;
font-size: inherit;
}
.site-footer .blog-info,
#infinite-footer .blog-info {
float: left;
}
.site-footer .blog-credits,
#infinite-footer .blog-credits {
float: right;
text-align: right;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
}
.infinite-loader {
margin: 17px auto;
width: 34px;
}
.jetpack-video-wrapper {
margin-bottom: 1.75em;
}
.jetpack-slideshow.slideshow-black {
background-color: #fafafa;
border-color: #fafafa;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
.mejs-container,
.wp-playlist.wp-audio-playlist,
.video-player,
embed,
iframe,
object {
margin-bottom: 1.75em;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
margin: 0.8075em 0;
font-size: 14px;
font-size: 1.4rem;
color: #9eabb3;
font-family: "Open Sans", sans-serif;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
line-height: 1.5;
}  @media (max-width: 31.25em) {
.has-header-image .site-header {
height: 49vh;
}
.has-header-image .site-branding {
vertical-align: bottom;
} h1, .site-title a {
font-size: 45px;
font-size: 4.5rem; }
} @media (min-width: 31em) { h1, .site-title a {
font-size: 45px;
font-size: 4.5rem; }
.entry-content h1 {
font-size: 40px;
font-size: 4rem;
}
h2 {
font-size: 36px;
font-size: 3.6rem;
}
h3 {
font-size: 31px;
font-size: 3.1rem;
}
h4 {
font-size: 25px;
font-size: 2.5rem;
}
h5 {
font-size: 22px;
font-size: 2.2rem;
}
h6 {
font-size: 18px;
font-size: 1.8rem;
} .has-header-image-home .site-header {
height: 70vh;
min-height: 240px;
}
.has-header-image .site-header {
height: 60vh;
}
.navbar {
padding: 2em 2em 0;
}
.has-header-image.has-site-logo .navbar {
padding: 2em 2em 0;
}
.site-branding .inner {
padding-top: 2.5em;
}
.site-logo-link {
width: 200px;
}
.js .slide-menu {
display: block;
position: fixed;
top: 0;
left: auto;
right: -33%;
visibility: hidden;
overflow: scroll;
overflow-x: hidden;
padding-top: 35px;
width: 33%;
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
border-width: 0 0 0 1px;
}
.js .admin-bar .slide-menu {
padding-top: 67px;
}
.site {
left: 0;
height: 100%;
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.js .sidebar-open .slide-menu {
right: 0;
display: block;
visibility: visible;
}
.js .sidebar-open .site {
left: -33%;
}
.js .sidebar-open #infinite-footer .container {
margin-left: 0;
} .inner {
width: 80%;
padding-left: 2em;
padding-right: 2em;
} .home .entry-title,
.blog .entry-title,
.search .entry-title,
.archive .entry-title {
font-size: 32px;
font-size: 3.2rem;
} .comment-meta:after {
content: "";
display: table;
clear: both;
}
.comment-author {
float: left;
}
.comment-metadata {
float: right;
}
} @media (min-width: 56em) { h1, .site-title a {
font-size: 50px;
font-size: 5rem; }
.entry-content h1 {
font-size: 45px;
font-size: 4.5rem;
}
h2 {
font-size: 36px;
font-size: 3.6rem;
letter-spacing: -1px;
}
h3 {
font-size: 30px;
font-size: 3rem;
}
h4 {
font-size: 25px;
font-size: 2.5rem;
}
h5 {
font-size: 20px;
font-size: 2rem;
}
h6 {
font-size: 20px;
font-size: 2rem;
} .has-header-image .site-header {
height: 60vh;
min-height: 180px;
}
.has-header-image-home .site-header {
height: 100vh;
width: 100%;
}
.scroll-down {
display: block;
}
.paged .scroll-down {
display: none;
}
.js .slide-menu {
right: -25%;
width: 25%;
}
.js .sidebar-open .slide-menu {
right: 0;
}
.js .sidebar-open .site {
left: -25%;
}  .home .entry-title,
.blog .entry-title,
.search .entry-title,
.archive .entry-title {
font-size: 36px;
font-size: 3.6rem;
letter-spacing: -1px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
margin-bottom: 0;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
}  @-webkit-keyframes fade-in-down {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes fade-in-down {
0% {
opacity: 0;
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in-down {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
} @-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
}