/**
* Variables
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,400italic,500italic);
@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);
/**
* Fonts
*/
@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-599psd"); src: url("fonts/icomoon.eot?#iefix-599psd") format("embedded-opentype"), url("fonts/icomoon.woff?-599psd") format("woff"), url("fonts/icomoon.ttf?-599psd") format("truetype"), url("fonts/icomoon.svg?-599psd#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-instagram:before { content: "\e600"; }

.icon-favorite:before { content: "\e601"; }

.icon-favorite-outline:before { content: "\e602"; }

.icon-call-made:before { content: "\e60b"; }

.icon-drafts:before { content: "\e603"; }

.icon-reply-all:before { content: "\e60c"; }

.icon-keyboard-arrow-down:before { content: "\e604"; }

.icon-keyboard-arrow-left:before { content: "\e605"; }

.icon-keyboard-arrow-right:before { content: "\e606"; }

.icon-keyboard-arrow-up:before { content: "\e607"; }

.icon-brightness-2:before { content: "\e608"; }

.icon-brightness-4:before { content: "\e609"; }

.icon-publ:before { content: "\e60d"; }

.icon-star:before { content: "\e60a"; }

.icon-twitter:before { content: "\ea91"; }

.icon-dribbble:before { content: "\eaa6"; }

.icon-github:before { content: "\eab1"; }

/**
* Mixins
*/
/**
* Imports
*/
* { margin: 0; }

/**
* Reset some basic elements
*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/**
* Links
*/
a { text-decoration: none; font-weight: 400; }
a:hover { text-decoration: none !important; }

section a { color: #72B8DA; }

/**
* Set `margin-bottom` to maintain vertical rhythm
*/
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

ul { margin-left: 20px; }

/**
* Images
*/
img { max-width: 100%; vertical-align: middle; }

/**
* Figures
*/
figure > img { display: block; }

figcaption { font-size: 14px; }

/**
* Lists
*/
li > ul, li > ol { margin-bottom: 0; }

/**
* Headings
*/
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

/**
* Links
*/
a { color: #72B8DA; text-decoration: none; background: transparent; }
a:visited { color: #3599ca; }
a:hover { color: #212121; text-decoration: underline; }

/**
* Blockquotes
*/
blockquote { color: #444444; border-left: 4px solid #B6B6B6; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }
blockquote > :last-child { margin-bottom: 0; }

/**
* Code formatting
*/
pre, code { font-family: Inconsolata, monospace; font-size: 15px; background: #212121; border-radius: 3px; color: #f6f6f6; }

code { padding: 2px 5px; }

pre { padding: 8px 12px; overflow-x: scroll; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }

/**
* Clearfix
*/
*, *:after, *:before { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

/**
* Icons
*/
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #444444; }

#avatar { height: 40px; width: 40px; border-radius: 2px; }

.author { font-size: 1rem; }

#bioTxt { color: #b4adad; font-style: italic; font-size: 1rem; }

.member_card { margin: 20px, 0; }

.social_icons { list-style-type: none; }

.about_pic { height: 200px; width: 200px; border-radius: 3px; margin-bottom: 20px; }

p.post-meta.post-date { margin-top: -22px; }

/**
* Body
*/
body { font-family: Roboto, Helvetica Neue, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 300; color: #212121; background: #f6f6f6; -webkit-text-size-adjust: 100%; position: relative; padding: 0; margin: 0; height: 100%; }

#bg-blur { background: rgba(0, 0, 0, 0.6); z-index: 7; overflow: hidden; position: fixed; width: 100%; height: 100%; display: none; }

html, body { width: 100%; height: 100%; }

.fixed { overflow: hidden; }

/**
* Section
*/
section { font-size: 20px; line-height: 32px; }
section p { color: #212121; font-weight: 300; }
section h1, section h2, section h3, section h4, section h5, section h6 { font-weight: 500; }
section blockquote { font-size: 1.7rem; line-height: 2rem; }

/**
* Site header
*/
header { color: #f6f6f6; position: relative; padding-top: 13%; text-align: center; padding-bottom: 18%; }
header a { font-size: 26px; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }
header a, header a:visited { color: #f6f6f6; }
header h1 { font-size: 4rem; color: #252525; height: 1em; line-height: 1; margin: auto; text-align: left; width: auto; }
header h1 span { font-size: 3rem; margin-right: 10px; color: #f6f6f6 !important; }
header p { color: #f6f6f6; height: 1em; left: 0; line-height: 1; margin: auto; position: absolute; text-align: left; width: auto; font-weight: 200; font-size: 1.6rem; opacity: .8; margin-top: 25px; }

header, footer, section { display: block; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 6.5%; padding-right: 6.5%; }
header h1, footer h1, section h1 { color: #f6f6f6; height: 1em; left: 0; line-height: 1; margin: auto; position: absolute; text-align: left; width: auto; font-weight: 400; }

.wrapper { padding: 0 0 30px; position: relative; margin: 0 auto; max-width: 1440px; margin-top: 70px; }

.page-content { padding-top: 50px; padding-bottom: 50px; }

/**
* Post list
*/
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.hidden { opacity: 0; }

.visible { opacity: 1; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; }

.post-list { display: block; margin: 0 auto; }
.post-list li { transition: .2s all ease; list-style: none; border-radius: 5px; padding: 15px; width: 25vw; background: white; margin-top: 15px; margin-bottom: 15px; -webkit-box-shadow: 0px 6px 25px -11px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 6px 25px -11px rgba(0, 0, 0, 0.5); box-shadow: 0px 6px 25px -11px rgba(0, 0, 0, 0.5); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.post-list li:hover { -webkit-box-shadow: 0px 8px 25px -7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 25px -7px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 25px -7px rgba(0, 0, 0, 0.5); }
.post-list li .post-meta { color: #444444; }
.post-list li a { width: 100%; height: 100%; color: #212121; transition: .2s all ease; text-decoration: none; font-weight: 500; }
.post-list li a:hover { color: #444444; }
.post-list li h2 { margin-top: 5px; font-size: 35px; line-height: 2.8rem; }

/**
*Menu
*/
.nav-hide { transition: all ease .15s; top: -60px; }

nav { z-index: 7; width: 100%; max-height: 60px; background-color: #34A5DD; top: 0; transition-duration: 0.3s; transition-timing-function: swing; position: fixed; overflow: hidden; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1); }
nav.open { max-height: 700px; transition: max-height 0.2s ease-in; }
nav .nav-title { margin-left: 80px; margin-top: 17px; font-weight: 300; font-size: 1.3rem; color: white; float: left; }
nav ul { padding-top: 60px; margin-bottom: 0; }
nav ul li { list-style: none; transition: all 0.2s; }
nav ul li a { padding: 1em 2em 1em 1.5em; display: inline-block; text-decoration: none; font-size: 1.15em; width: 100%; height: 100%; color: #f6f6f6 !important; }
nav ul li:hover { background: #0288D1; }

.navToggle { position: absolute; width: 30px; height: 60px; top: 3px; left: 25px; transition-duration: 0.2s; }
.navToggle:hover { cursor: pointer; }
.navToggle .icon-left { transition-duration: 0.2s; position: absolute; height: 4px; top: 25px; width: 15px; background-color: #f6f6f6; }
.navToggle .icon-left:before { transition-duration: 0.2s; position: absolute; width: 15px; height: 4px; background-color: #f6f6f6; content: ""; top: -10px; }
.navToggle .icon-left:after { transition-duration: 0.2s; position: absolute; width: 15px; height: 4px; background-color: #f6f6f6; content: ""; top: 10px; }
.navToggle .icon-right { transition-duration: 0.2s; position: absolute; height: 4px; top: 25px; width: 15px; background-color: #f6f6f6; left: 15px; }
.navToggle .icon-right:before { transition-duration: 0.2s; position: absolute; width: 15px; height: 4px; background-color: #f6f6f6; content: ""; top: -10px; }
.navToggle .icon-right:after { transition-duration: 0.2s; position: absolute; width: 15px; height: 4px; background-color: #f6f6f6; content: ""; top: 10px; }
.navToggle.open .icon-left { transition-duration: 0.2s; background: transparent; }
.navToggle.open .icon-left:before { transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -o-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -ms-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -moz-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); }
.navToggle.open .icon-left:after { transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -o-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -ms-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -moz-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); }
.navToggle.open .icon-right { transition-duration: 0.2s; background: transparent; }
.navToggle.open .icon-right:before { transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -o-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -ms-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -moz-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); }
.navToggle.open .icon-right:after { transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -o-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -ms-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -moz-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); }

/**
* Post list
*/
#previous_link, #next_link { visibility: hidden; }

/**
* Footer
*/
footer { background: #444444; color: #B6B6B6; padding-top: 30px; padding-bottom: 20px; bottom: 0; width: 100%; }
footer a { transition: .2s all ease; color: #f6f6f6 !important; }
footer p { padding-top: 10px; }
footer .social { margin-bottom: -5px; list-style: none; }
footer .social li { display: block; font-size: 1.4rem; }
footer .social li a { margin-right: 10px; float: right; }
footer .social li a span { color: #B6B6B6; }
footer .social li a:hover span { color: #f6f6f6; }

.pulse { color: #ac3c35; -webkit-animation-name: 'pulse'; -webkit-animation-duration: 1700ms; -webkit-transform-origin: 70% 70%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); }
  30% { -webkit-transform: scale(1); }
  40% { -webkit-transform: scale(1.3); }
  50% { -webkit-transform: scale(1); }
  60% { -webkit-transform: scale(1); }
  70% { -webkit-transform: scale(1.3); }
  80% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1); } }
@keyframes pulse { 0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.3); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.3); }
  80% { transform: scale(1); }
  100% { transform: scale(1); } }
@-moz-keyframes pulse { 0% { -moz-transform: scale(1); }
  30% { -moz-transform: scale(1); }
  40% { -moz-transform: scale(1.3); }
  50% { -moz-transform: scale(1); }
  60% { -moz-transform: scale(1); }
  70% { -moz-transform: scale(1.3); }
  80% { -moz-transform: scale(1); }
  100% { -moz-transform: scale(1); } }
@-o-keyframes pulse { 0% { -o-transform: scale(1); }
  30% { -o-transform: scale(1); }
  40% { -o-transform: scale(1.3); }
  50% { -o-transform: scale(1); }
  60% { -o-transform: scale(1); }
  70% { -o-transform: scale(1.3); }
  80% { -o-transform: scale(1); }
  100% { -o-transform: scale(1); } }
/**
* Buttons and all that jazz
*/
.btn-down, .btn-left { opacity: 0; display: block; left: 0; pointer-events: all; position: absolute; right: 0; margin-top: -20px; margin-left: 6.5%; z-index: 4; }

.paper-button:before, .paper-button:after { background: no-repeat 50% 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; height: 50px; left: 0; position: absolute; right: 0; top: 0; background: #72B8DA; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1); width: 50px; }

.paper-button:before { -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); }

.btn-down:hover:before, .btn-left:hover:before { -moz-box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.3); }

/**
* Media Queries
*/
@media screen and (max-width: 1400px) { .post-list li { width: 100%; } }
@media screen and (max-width: 1000px) { .post-list li { width: 100%; }
  header { padding-top: 14%; padding-bottom: 16%; }
  header h1 { line-height: 2.8rem; font-size: 2.5rem; }
  header p { margin-top: 30px; font-size: 1.2rem; }
  .post-list h2 a { font-size: 1.8rem; }
  .post-list li h2 { margin-top: 0px; }
  header, section, footer { padding-left: 5.5%; padding-right: 5.5%; } }
@media screen and (max-width: 700px) { .post-list li { width: 100%; }
  footer p { clear: both; }
  footer .social li { margin: 5px; font-size: 2rem; float: left; }
  header { padding-top: 20%; padding-bottom: 30%; }
  header h1 { line-height: 2.6rem; }
  header p { margin-top: 30px; font-size: 1rem; }
  section span { font-size: 1.2rem; }
  header, section, footer { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 400px) { header { padding-top: 25%; padding-bottom: 50%; } }
.home-back { background-image: url("/_assets/images/fontbackground.jpg"); background-size: cover; text-align: center; }
.home-back h1 { color: #146480; font-size: 2rem; }

.blue-background { background-color: #34A5DD; position: relative; padding-top: 10%; padding-bottom: 15%; }

/** Syntax highlighting styles */
.highlight { background: #fff; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; textPrimaryColor: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; textPrimaryColor: #fdd; }
.highlight .gd .x { color: #000; textPrimaryColor: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; textPrimaryColor: #dfd; }
.highlight .gi .x { color: #000; textPrimaryColor: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }