/* ___  /\_ \ _____     ___     ___\//\ \      __  /\ '__`\  / __`\  / __`\ \ \   /'__`\ \ \ \_\ \/\ \_\ \/\ \_\ \_\ \_/\  __/ \ \ ,__/\ \____/\ \____//\____\ \____\ \ \ \/  \/___/  \/___/ \/____/\/____/ \ \_\ \/_/  Designed, built, and released under MIT license by @mdo. Learn more at https://github.com/poole/poole. */
/* Contents  Body resets Custom type Messages Container Masthead Posts and pages Pagination Reverse layout Themes */
/* Body resets  Update the foundational and global aspects of the page. */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

html { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; }

@media (min-width: 38em) { html { font-size: 20px; } }
body { color: #515151; background-color: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* No `:visited` state is required by default (browsers will use `a`) */
a { color: #268bd2; text-decoration: none; }

a strong { color: inherit; }

/* `:focus` is linked to `:hover` for basic accessibility */
a:hover, a:focus { text-decoration: underline; }

/* Headings */
h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: bold; line-height: 1.25; color: #313131; text-rendering: optimizeLegibility; }

h1 { font-size: 2rem; }

h2 { margin-top: 1rem; font-size: 1.5rem; }

h3 { margin-top: 1.5rem; font-size: 1.25rem; }

h4, h5, h6 { margin-top: 1rem; font-size: 1rem; }

/* Body text */
p { margin-top: 0; margin-bottom: 1rem; }

strong { color: #303030; }

/* Lists */
ul, ol, dl { margin-top: 0; margin-bottom: 1rem; }

dt { font-weight: bold; }

dd { margin-bottom: .5rem; }

/* Misc */
hr { position: relative; margin: 1.5rem 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; }

abbr { font-size: 85%; font-weight: bold; color: #555; text-transform: uppercase; }

abbr[title] { cursor: help; border-bottom: 1px dotted #e5e5e5; }

/* Code */
code, pre { font-family: Menlo, Monaco, "Courier New", monospace; }

code { padding: .25em .5em; font-size: 85%; color: #bf616a; background-color: #f9f9f9; border-radius: 3px; }

pre { display: block; margin-top: 0; margin-bottom: 1rem; padding: 1rem; font-size: .8rem; line-height: 1.4; white-space: pre; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; background-color: #f9f9f9; }

pre code { padding: 0; font-size: 100%; color: inherit; background-color: transparent; }

/* Pygments via Jekyll */
.highlight { margin-bottom: 1rem; border-radius: 4px; }

.highlight pre { margin-bottom: 0; }

/* Gist via GitHub Pages */
.gist .gist-file { font-family: Menlo, Monaco, "Courier New", monospace !important; }

.gist .markdown-body { padding: 15px; }

.gist pre { padding: 0; background-color: transparent; }

.gist .gist-file .gist-data { font-size: .8rem !important; line-height: 1.4; }

.gist code { padding: 0; color: inherit; background-color: transparent; border-radius: 0; }

/* Quotes */
blockquote { padding: .5rem 1rem; margin: .8rem 0; color: #7a7a7a; border-left: .25rem solid #e5e5e5; }

blockquote p:last-child { margin-bottom: 0; }

@media (min-width: 30em) { blockquote { padding-right: 5rem; padding-left: 1.25rem; } }
img { display: block; max-width: 100%; margin: 0 0 1rem; border-radius: 5px; }

/* Tables */
table { margin-bottom: 1rem; width: 100%; border: 1px solid #e5e5e5; border-collapse: collapse; }

td, th { padding: .25rem .5rem; border: 1px solid #e5e5e5; }

tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f9f9f9; }

/* Custom type  Extend paragraphs with `.lead` for larger introductory text. */
.lead { font-size: 1.25rem; font-weight: 300; }

/* Messages  Show alert messages to users. You may add it to single elements like a `<p>`, or to a parent if there are multiple elements to show. */
.message { margin-bottom: 1rem; padding: 1rem; color: #717171; background-color: #f9f9f9; }

/* Container  Center the page content. */
.container { max-width: 38rem; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; }

/* Masthead  Super small header above the content for site name and short description. */
.masthead { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 3rem; }

.masthead-title { margin-top: 0; margin-bottom: 0; color: #505050; }

.masthead-title a { color: #505050; }

.masthead-title small { font-size: 75%; font-weight: 400; color: #c0c0c0; letter-spacing: 0; }

/* Posts and pages  Each post is wrapped in `.post` and is used on default and post layouts. Each page is wrapped in `.page` and is only used on the page layout. */
.page, .post { margin-bottom: 4em; }

/* Blog post or page title */
.page-title, .post-title, .post-title a { color: #303030; }

.page-title, .post-title { margin-top: 0; }

/* Meta data line below post title */
.post-date { display: block; margin-top: -.5rem; margin-bottom: 1rem; color: #9a9a9a; }

/* Related posts */
.related { padding-top: 2rem; padding-bottom: 2rem; border-top: 1px solid #eee; }

.related-posts { padding-left: 0; list-style: none; }

.related-posts h3 { margin-top: 0; }

.related-posts li small { font-size: 75%; color: #999; }

.related-posts li a:hover { color: #268bd2; text-decoration: none; }

.related-posts li a:hover small { color: inherit; }

/* Pagination  Super lightweight (HTML-wise) blog pagination. `span`s are provide for when there are no more previous or next posts to show. */
.pagination { overflow: hidden; /* clearfix */ margin-left: -1rem; margin-right: -1rem; font-family: "PT Sans", Helvetica, Arial, sans-serif; color: #ccc; text-align: center; }

/* Pagination items can be `span`s or `a`s */
.pagination-item { display: block; padding: 1rem; border: 1px solid #eee; }

.pagination-item:first-child { margin-bottom: -1px; }

/* Only provide a hover state for linked pagination items */
a.pagination-item:hover { background-color: #f5f5f5; }

@media (min-width: 30em) { .pagination { margin: 3rem 0; }
  .pagination-item { float: left; width: 50%; }
  .pagination-item:first-child { margin-bottom: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
  .pagination-item:last-child { margin-left: -1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } }
.highlight .hll { background-color: #ffc; }

.highlight .c { color: #999; }

/* Comment */
.highlight .err { color: #a00; background-color: #faa; }

/* Error */
.highlight .k { color: #069; }

/* Keyword */
.highlight .o { color: #555; }

/* Operator */
.highlight .cm { color: #09f; font-style: italic; }

/* Comment.Multiline */
.highlight .cp { color: #099; }

/* Comment.Preproc */
.highlight .c1 { color: #999; }

/* Comment.Single */
.highlight .cs { color: #999; }

/* Comment.Special */
.highlight .gd { background-color: #fcc; border: 1px solid #c00; }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gr { color: #f00; }

/* Generic.Error */
.highlight .gh { color: #030; }

/* Generic.Heading */
.highlight .gi { background-color: #cfc; border: 1px solid #0c0; }

/* Generic.Inserted */
.highlight .go { color: #aaa; }

/* Generic.Output */
.highlight .gp { color: #009; }

/* Generic.Prompt */
/* Generic.Strong */
.highlight .gu { color: #030; }

/* Generic.Subheading */
.highlight .gt { color: #9c6; }

/* Generic.Traceback */
.highlight .kc { color: #069; }

/* Keyword.Constant */
.highlight .kd { color: #069; }

/* Keyword.Declaration */
.highlight .kn { color: #069; }

/* Keyword.Namespace */
.highlight .kp { color: #069; }

/* Keyword.Pseudo */
.highlight .kr { color: #069; }

/* Keyword.Reserved */
.highlight .kt { color: #078; }

/* Keyword.Type */
.highlight .m { color: #f60; }

/* Literal.Number */
.highlight .s { color: #d44950; }

/* Literal.String */
.highlight .na { color: #4f9fcf; }

/* Name.Attribute */
.highlight .nb { color: #366; }

/* Name.Builtin */
.highlight .nc { color: #0a8; }

/* Name.Class */
.highlight .no { color: #360; }

/* Name.Constant */
.highlight .nd { color: #99f; }

/* Name.Decorator */
.highlight .ni { color: #999; }

/* Name.Entity */
.highlight .ne { color: #c00; }

/* Name.Exception */
.highlight .nf { color: #c0f; }

/* Name.Function */
.highlight .nl { color: #99f; }

/* Name.Label */
.highlight .nn { color: #0cf; }

/* Name.Namespace */
.highlight .nt { color: #2f6f9f; }

/* Name.Tag */
.highlight .nv { color: #033; }

/* Name.Variable */
.highlight .ow { color: #000; }

/* Operator.Word */
.highlight .w { color: #bbb; }

/* Text.Whitespace */
.highlight .mf { color: #f60; }

/* Literal.Number.Float */
.highlight .mh { color: #f60; }

/* Literal.Number.Hex */
.highlight .mi { color: #f60; }

/* Literal.Number.Integer */
.highlight .mo { color: #f60; }

/* Literal.Number.Oct */
.highlight .sb { color: #c30; }

/* Literal.String.Backtick */
.highlight .sc { color: #c30; }

/* Literal.String.Char */
.highlight .sd { color: #c30; font-style: italic; }

/* Literal.String.Doc */
.highlight .s2 { color: #c30; }

/* Literal.String.Double */
.highlight .se { color: #c30; }

/* Literal.String.Escape */
.highlight .sh { color: #c30; }

/* Literal.String.Heredoc */
.highlight .si { color: #a00; }

/* Literal.String.Interpol */
.highlight .sx { color: #c30; }

/* Literal.String.Other */
.highlight .sr { color: #3aa; }

/* Literal.String.Regex */
.highlight .s1 { color: #c30; }

/* Literal.String.Single */
.highlight .ss { color: #fc3; }

/* Literal.String.Symbol */
.highlight .bp { color: #366; }

/* Name.Builtin.Pseudo */
.highlight .vc { color: #033; }

/* Name.Variable.Class */
.highlight .vg { color: #033; }

/* Name.Variable.Global */
.highlight .vi { color: #033; }

/* Name.Variable.Instance */
.highlight .il { color: #f60; }

/* Literal.Number.Integer.Long */
.css .o, .css .o + .nt, .css .nt + .nt { color: #999; }

/* ___  /\_ \ \//\ \      __      ___   __  __    ___     ___ \ \ \   /'__`\  /' _ `\/\ \/\ \  / __`\ /' _ `\ \_\ \_/\ \_\.\_/\ \/\ \ \ \_\ \/\ \_\ \/\ \/\ \  /\____\ \__/.\_\ \_\ \_\/`____ \ \____/\ \_\ \_\ \/____/\/__/\/_/\/_/\/_/`/___/> \/___/  \/_/\/_/  /\___/ \/__/  Designed, built, and released under MIT license by @mdo. Learn more at https://github.com/poole/lanyon. */
/* Contents  Global resets Masthead Sidebar Slide effect Posts and pages Pagination Reverse layout Themes */
/* Global resets  Update the foundational and global aspects of the page. */
/* Prevent scroll on narrow devices */
html, body { overflow-x: hidden; }

html { font-family: "PT Serif", Georgia, "Times New Roman", serif; }

h1, h2, h3, h4, h5, h6 { font-family: "PT Sans", Helvetica, Arial, sans-serif; font-weight: 400; color: #313131; letter-spacing: -.025rem; }

/* Wrapper  The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to position the sidebar without interferring with the regular page content. */
.wrap { position: relative; width: 100%; }

/* Container  Center the page content. */
.container { max-width: 28rem; }

@media (min-width: 38em) { .container { max-width: 32rem; } }
@media (min-width: 56em) { .container { max-width: 38rem; } }
/* Masthead  Super small header above the content for site name and short description. */
.masthead { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 3rem; border-bottom: 1px solid #eee; }

.masthead-title { margin-top: 0; margin-bottom: 0; color: #505050; }

.masthead-title a { color: #505050; }

.masthead-title small { font-size: 75%; font-weight: 400; color: #c0c0c0; letter-spacing: 0; }

@media (max-width: 48em) { .masthead-title { text-align: center; }
  .masthead-title small { display: none; } }
/* Sidebar  The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner of the page.  This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS Target" article, and the checkbox variation from the comments by a reader. It modifies both implementations to continue using the checkbox (no change in URL means no polluted browser history), but this uses `position` for the menu to avoid some potential content reflow issues.  Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 */
/* Style and "hide" the sidebar */
.sidebar { position: fixed; top: 0; bottom: 0; left: -14rem; width: 14rem; visibility: hidden; overflow-y: auto; font-family: "PT Sans", Helvetica, Arial, sans-serif; font-size: .875rem; /* 15px */ color: rgba(255, 255, 255, 0.6); background-color: #202020; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

@media (min-width: 30em) { .sidebar { font-size: .75rem; /* 14px */ } }
/* Sidebar content */
.sidebar a { font-weight: normal; color: #fff; }

.sidebar-item { padding: 1rem; }

.sidebar-item p:last-child { margin-bottom: 0; }

/* Sidebar nav */
.sidebar-nav { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.sidebar-nav-item { display: block; padding: .5rem 1rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.sidebar-nav-item.active, a.sidebar-nav-item:hover, a.sidebar-nav-item:focus { text-decoration: none; background-color: rgba(255, 255, 255, 0.1); border-color: transparent; }

@media (min-width: 48em) { .sidebar-item { padding: 1.5rem; }
  .sidebar-nav-item { padding-left: 1.5rem; padding-right: 1.5rem; } }
/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
.sidebar-checkbox { display: none; }

/* Style the `label` that we use to target the `.sidebar-checkbox` */
.sidebar-toggle { position: absolute; top: 1rem; left: 1rem; display: block; width: 2.2rem; padding: .5rem .65rem; color: #505050; background-color: #fff; border-radius: 4px; cursor: pointer; }

.sidebar-toggle:before { display: block; content: ""; width: 100%; padding-bottom: .125rem; border-top: .375rem double; border-bottom: .125rem solid; /* Make the border inside the box */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sidebar-toggle:active, #sidebar-checkbox:checked ~ .sidebar-toggle { color: #fff; background-color: #505050; }

@media (min-width: 30.1em) { .sidebar-toggle { position: fixed; width: 2.25rem; }
  .sidebar-toggle:before { padding-bottom: .15rem; border-top-width: .45rem; border-bottom-width: .15rem; } }
/* Slide effect  Handle the sliding effects of the sidebar and content in one spot, seperate from the default styles.  As an a heads up, we don't use `transform: translate3d()` here because when mixed with `position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the fixed sidebar toggle behaves like `position: absolute;` when transformed.  Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. */
.wrap, .sidebar, .sidebar-toggle { -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

.wrap, .sidebar-toggle { -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; }

#sidebar-checkbox:checked + .sidebar { z-index: 10; visibility: visible; }

#sidebar-checkbox:checked ~ .sidebar, #sidebar-checkbox:checked ~ .wrap, #sidebar-checkbox:checked ~ .sidebar-toggle { -webkit-transform: translateX(14rem); -ms-transform: translateX(14rem); transform: translateX(14rem); }

/* Posts and pages  Each post is wrapped in `.post` and is used on default and post layouts. Each page is wrapped in `.page` and is only used on the page layout. */
.page, .post { margin-bottom: 4em; }

/* Blog post or page title */
.page-title, .post-title, .post-title a { color: #303030; }

.page-title, .post-title { margin-top: 0; }

/* Meta data line below post title */
.post-date { display: block; margin-top: -.5rem; margin-bottom: 1rem; color: #9a9a9a; }

/* Related posts */
.related { padding-top: 2rem; padding-bottom: 2rem; border-top: 1px solid #eee; }

.related-posts { padding-left: 0; list-style: none; }

.related-posts h3 { margin-top: 0; }

.related-posts li small { font-size: 75%; color: #999; }

.related-posts li a:hover { color: #268bd2; text-decoration: none; }

.related-posts li a:hover small { color: inherit; }

/* Pagination  Super lightweight (HTML-wise) blog pagination. `span`s are provide for when there are no more previous or next posts to show. */
.pagination { overflow: hidden; /* clearfix */ margin-left: -1rem; margin-right: -1rem; font-family: "PT Sans", Helvetica, Arial, sans-serif; color: #ccc; text-align: center; }

/* Pagination items can be `span`s or `a`s */
.pagination-item { display: block; padding: 1rem; border: 1px solid #eee; }

.pagination-item:first-child { margin-bottom: -1px; }

/* Only provide a hover state for linked pagination items */
a.pagination-item:hover { background-color: #f5f5f5; }

@media (min-width: 30em) { .pagination { margin: 3rem 0; }
  .pagination-item { float: left; width: 50%; }
  .pagination-item:first-child { margin-bottom: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
  .pagination-item:last-child { margin-left: -1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } }
/* Reverse layout  Flip the orientation of the page by placing the `.sidebar` and sidebar toggle on the right side. */
.layout-reverse .sidebar { left: auto; right: -14rem; }

.layout-reverse .sidebar-toggle { left: auto; right: 1rem; }

.layout-reverse #sidebar-checkbox:checked ~ .sidebar, .layout-reverse #sidebar-checkbox:checked ~ .wrap, .layout-reverse #sidebar-checkbox:checked ~ .sidebar-toggle { -webkit-transform: translateX(-14rem); -ms-transform: translateX(-14rem); transform: translateX(-14rem); }

/* Themes  Apply custom color schemes by adding the appropriate class to the `body`. Based on colors from Base16: http://chriskempson.github.io/base16/#default. */
/* Red */
.theme-base-08 .sidebar, .theme-base-08 .sidebar-toggle:active, .theme-base-08 #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #ac4142; }

.theme-base-08 .container a, .theme-base-08 .sidebar-toggle, .theme-base-08 .related-posts li a:hover { color: #ac4142; }

/* Orange */
.theme-base-09 .sidebar, .theme-base-09 .sidebar-toggle:active, .theme-base-09 #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #d28445; }

.theme-base-09 .container a, .theme-base-09 .sidebar-toggle, .theme-base-09 .related-posts li a:hover { color: #d28445; }

/* Yellow */
.theme-base-0a .sidebar, .theme-base-0a .sidebar-toggle:active, .theme-base-0a #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #f4bf75; }

.theme-base-0a .container a, .theme-base-0a .sidebar-toggle, .theme-base-0a .related-posts li a:hover { color: #f4bf75; }

/* Green */
.theme-base-0b .sidebar, .theme-base-0b .sidebar-toggle:active, .theme-base-0b #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #90a959; }

.theme-base-0b .container a, .theme-base-0b .sidebar-toggle, .theme-base-0b .related-posts li a:hover { color: #90a959; }

/* Cyan */
.theme-base-0c .sidebar, .theme-base-0c .sidebar-toggle:active, .theme-base-0c #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #75b5aa; }

.theme-base-0c .container a, .theme-base-0c .sidebar-toggle, .theme-base-0c .related-posts li a:hover { color: #75b5aa; }

/* Blue */
.theme-base-0d .sidebar, .theme-base-0d .sidebar-toggle:active, .theme-base-0d #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #6a9fb5; }

.theme-base-0d .container a, .theme-base-0d .sidebar-toggle, .theme-base-0d .related-posts li a:hover { color: #6a9fb5; }

/* Magenta */
.theme-base-0e .sidebar, .theme-base-0e .sidebar-toggle:active, .theme-base-0e #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #aa759f; }

.theme-base-0e .container a, .theme-base-0e .sidebar-toggle, .theme-base-0e .related-posts li a:hover { color: #aa759f; }

/* Brown */
.theme-base-0f .sidebar, .theme-base-0f .sidebar-toggle:active, .theme-base-0f #sidebar-checkbox:checked ~ .sidebar-toggle { background-color: #8f5536; }

.theme-base-0f .container a, .theme-base-0f .sidebar-toggle, .theme-base-0f .related-posts li a:hover { color: #8f5536; }

/* Overlay sidebar  Make the sidebar content overlay the viewport content instead of pushing it aside when toggled. */
.sidebar-overlay #sidebar-checkbox:checked ~ .wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar-toggle { box-shadow: 0 0 0 .25rem #fff; }

.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar { box-shadow: 0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); }

/* Only one tweak for a reverse layout */
.layout-reverse.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar { box-shadow: -0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); }

img { display: inline-block; }