/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@charset "UTF-8";
/* This file is for your main application css. */
input[type=text],
textarea {
  border: none;
  outline: none;
  width: 100%;
  background: #fafafa;
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 2;
  color: #313131;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 3px; }
  input[type=text]:focus,
  textarea:focus {
    background: transparent; }

textarea {
  font-family: inherit;
  font-size: inherit;
  min-height: 200px; }

input.error,
textarea.error {
  border: 2px solid #faa; }

.danger {
  color: #c33;
  border-bottom: 2px dashed #c33; }

.hll {
  background-color: #ffffcc; }

/*{ background: #f0f3f3; }*/
.c {
  color: #999; }

/* Comment */
.err {
  color: #AA0000;
  background-color: #FFAAAA; }

/* Error */
.k {
  color: #006699; }

/* Keyword */
.o {
  color: #555555; }

/* Operator */
.cm {
  color: #0099FF;
  font-style: italic; }

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

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

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

/* Comment.Special */
.gd {
  background-color: #FFCCCC;
  border: 1px solid #CC0000; }

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

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

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

/* Generic.Heading */
.gi {
  background-color: #CCFFCC;
  border: 1px solid #00CC00; }

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

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

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

/* Generic.Subheading */
.gt {
  color: #99CC66; }

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

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

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

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

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

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

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

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

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

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

/* Name.Builtin */
.nc {
  color: #00AA88; }

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

/* Name.Constant */
.nd {
  color: #9999FF; }

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

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

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

/* Name.Function */
.nl {
  color: #9999FF; }

/* Name.Label */
.nn {
  color: #00CCFF; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Literal.String.Other */
.sr {
  color: #33AAAA; }

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 599px) {
  html {
    font-size: 18px; } }

body {
  color: #515151;
  background-color: #fff;
  margin: 0;
  padding: 0;
  padding-top: 40px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

@media screen and (min-width: 1023px) {
  /* Move sidebar to the left */
  body {
    padding-top: 0; } }

/* 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, .post-title {
  margin-bottom: .5rem;
  font-weight: bold;
  line-height: 1.25;
  color: #313131;
  text-rendering: optimizeLegibility; }

h1,
.post-title {
  margin-top: 1rem;
  font-size: 1.25rem; }

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

h3, 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; }

small {
  font-size: 0.875rem; }

strong > em {
  font-weight: normal;
  font-style: normal;
  background-color: #ffa; }

/* 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; } }

.content 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; }

#beta-hint {
  background: #ffe;
  border-bottom: 1px solid #fa0;
  padding: 4px; }

@media screen and (min-width: 1023px) {
  #beta-hint {
    padding-left: 17rem; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.33;
  background-color: #f0f0f0;
  border-color: #ddd;
  color: #333; }

.btn.focus, .btn:focus, .btn:hover {
  text-decoration: none; }

.btn--sign-in {
  color: #fff;
  background-color: #78669E;
  border-color: #6540B2; }

.btn--sign-in:hover {
  color: #fff;
  background-color: #8163C0;
  border-color: #6540B2; }

body .content .post__body .btn--tweet,
.btn--tweet {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  border-color: #357ebd; }
  body .content .post__body .btn--tweet:visited, body .content .post__body .btn--tweet:link, body .content .post__body .btn--tweet:active,
  .btn--tweet:visited,
  .btn--tweet:link,
  .btn--tweet:active {
    color: #fff; }

.btn--tweet:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

body .content .post__body .btn--retweet,
.btn--retweet {
  color: #fff;
  text-decoration: none;
  background-color: #5c913b;
  border-color: #426B28; }
  body .content .post__body .btn--retweet:visited, body .content .post__body .btn--retweet:link, body .content .post__body .btn--retweet:active,
  .btn--retweet:visited,
  .btn--retweet:link,
  .btn--retweet:active {
    color: #fff; }

.btn--retweet:hover {
  color: #fff;
  background-color: #64864F;
  border-color: #426B28; }

.btn--finalize {
  color: #fff;
  text-decoration: none;
  background-color: #5c913b;
  border-color: #426B28; }
  .btn--finalize:visited, .btn--finalize:link, .btn--finalize:active {
    color: #fff; }

.btn--finalize:hover {
  color: #fff;
  background-color: #64864F;
  border-color: #426B28; }

.btn--primary {
  color: #fff;
  background-color: #127429;
  border-color: #0a4217; }

.btn--primary:hover {
  color: #fff;
  background-color: #356841;
  border-color: #0a4217; }

.btn--danger {
  color: #fff;
  background-color: #c33;
  border-color: #913939; }

.btn--danger:hover {
  color: #fff;
  background-color: #F01515;
  border-color: #B84040; }

.btn--scheduled {
  color: #C9F0A9 !important;
  background-color: #86BB92;
  border-color: #61AD71; }

.btn--scheduled:hover {
  color: #C9F0A9 !important;
  background-color: #86BB92;
  border-color: #61AD71; }

#formatting-help {
  margin-top: 20px; }
  #formatting-help pre {
    background: transparent; }

.form-section {
  padding-top: 1rem;
  margin-bottom: 1rem; }

.form-section__title {
  text-rendering: optimizeLegibility;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: bold;
  color: #313131; }
  .form-section__title:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden; }

.form-section__input input[type=text] {
  display: block;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 2;
  color: #313131;
  border: 2px solid #eee;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 3px; }

.form-section__input--checkbox {
  margin-bottom: 1rem; }
  .form-section__input--checkbox label {
    display: inline-block; }

.form-section__input--radio {
  margin-bottom: 1rem; }
  .form-section__input--radio label {
    display: inline-block; }

.form-section__label {
  display: block;
  font-weight: bold; }

@media screen and (min-width: 599px) {
  .form-section__input input[type=text] {
    display: inline-block;
    min-width: 20rem;
    width: auto; } }

.page {
  margin-bottom: 2em;
  margin-top: 2rem; }

/* Title */
.page__title,
.page__title a {
  color: #303030; }

.page__title {
  margin-top: 0rem !important; }

.page__body a {
  word-break: break-word;
  color: #5E49BA;
  text-decoration: underline; }

.pagination {
  overflow: hidden;
  /* clearfix */
  font-family: Helvetica, Arial, sans-serif;
  color: #ccc;
  text-align: center; }

/* Pagination items can be `span`s or `a`s */
.pagination__item {
  display: block;
  padding: 1rem;
  background: #fff;
  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; } }

.post-pager {
  text-align: center;
  padding: 2rem 0; }

.post-pagination {
  overflow: hidden;
  /* clearfix */
  color: #ccc; }
  .post-pagination:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden; }

.post-pagination__item {
  display: block; }
  .post-pagination__item:hover {
    background-color: inherit; }
  .post-pagination__item:first-child {
    text-align: left; }
    .post-pagination__item:first-child:before {
      content: "← "; }
  .post-pagination__item:last-child {
    text-align: right; }
    .post-pagination__item:last-child:after {
      content: " →"; }

.post-pagination__item--empty {
  display: none; }

@media screen and (min-width: 599px) {
  .post-pagination {
    margin-bottom: -1rem; } }

@media (min-width: 30em) {
  .post-pagination__item:first-child {
    float: left; }
  .post-pagination__item:last-child {
    float: right; } }

.post {
  position: relative;
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-bottom: 2px solid #D8DDE1;
  background: #fff; }
  .post .functions a {
    color: #aaa; }

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

.post--unpublished .post__inner {
  opacity: 0.4; }

.post--awaiting-moderation {
  border: 1px solid #b066ff; }

.post--preview {
  margin-bottom: -2rem;
  border-bottom: 1px solid #fb0;
  background-color: #ffe; }

.post--sign-in-to-post {
  background: transparent;
  border: none;
  padding-top: 0; }
  .post--sign-in-to-post a.btn {
    vertical-align: middle; }

.post__inner {
  overflow: hidden; }

/* Title */
.post__title,
.post__title a {
  color: #303030; }

.post__title {
  margin-top: 0rem !important; }

/* GitHub Avatar */
.post__avatar {
  display: none; }

.post__sign-in {
  margin-bottom: 1rem; }

/* Meta data line below post title */
.post__meta {
  display: block;
  margin-top: -.5rem;
  margin-bottom: 1rem;
  color: #9a9a9a; }
  .post__meta strong {
    font-weight: normal;
    font-style: normal;
    background-color: #ffa; }
  .post__meta a {
    color: #9a9a9a;
    text-decoration: none;
    white-space: nowrap; }
    .post__meta a:hover {
      color: #555; }

.post__meta-information {
  color: #9a9a9a; }
  .post__meta-information .posting-type-selector,
  .post__meta-information .posting-url-selector,
  .post__meta-information .posting-stats {
    color: #ccc;
    border: 1px dashed #ccc; }

.post__meta-information {
  color: #9a9a9a; }

.posting-type {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 0.675rem;
  vertical-align: text-bottom;
  background: #b066ff;
  color: #fff; }

.posting-type--blog_post {
  background: #12982e;
  color: #fff; }

.posting-type--conference {
  background: #009be6;
  color: #fff; }

.posting-type--meetup {
  background: #00acff;
  color: #fff; }

.posting-type--job {
  background: #607d8b;
  color: #ede7f6; }

.posting-type--project_update {
  background: #ffe100;
  color: #222222; }

.posting-type--podcast {
  background: #ff7600;
  color: #fff; }

.posting-type--video {
  background: #e62117;
  color: #fff; }

.posting-type-selector {
  color: #555;
  border: 1px dashed #fff;
  display: inline-block;
  padding: 0 5px;
  border-radius: 3px; }

select.posting-type-selector {
  border: 1px dashed #9a9a9a;
  font-size: 0.875rem; }

.posting-url-selector {
  color: #A5CADC;
  border: 1px dashed #A5CADC;
  display: inline-block;
  padding: 0 5px;
  border-radius: 3px;
  white-space: nowrap; }

.posting-stats {
  color: #E0C225;
  border: 1px dashed #E0C225;
  display: inline-block;
  padding: 0 5px;
  border-radius: 3px;
  white-space: nowrap; }

.post__functions small, .post__functions span {
  display: block;
  float: left; }

.post__functions span {
  float: right;
  text-align: right; }

.post__functions:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden; }

.post__admin {
  padding-bottom: 1em; }
  .post__admin a {
    display: inline-block;
    padding: 2px 8px;
    background: #f0f0f0;
    color: #aaa;
    text-decoration: none;
    border-radius: 0.25rem; }
    .post__admin a:hover {
      background: #aaa;
      color: #fff; }
    .post__admin a.unpublish:hover {
      background: #faa;
      color: #f00; }
  .post__admin li {
    list-style-type: none;
    margin-bottom: 0.2rem; }

.post__moderation-hint {
  color: #b066ff;
  border: 1px solid #b066ff;
  padding: 1rem 1rem 0 1rem;
  margin-bottom: 1rem; }
  .post__moderation-hint h3 {
    color: #fff;
    background-color: #b066ff;
    padding: 1rem;
    margin: -1rem -1rem 1rem -1rem; }

.post__not-public-hint {
  color: #e62117;
  border: 1px solid #e62117;
  padding: 1rem 1rem 0 1rem; }
  .post__not-public-hint h3 {
    color: #fff;
    background-color: #e62117;
    padding: 1rem;
    margin: -1rem -1rem 1rem -1rem; }

.post__body a {
  word-break: break-word;
  color: #5E49BA;
  text-decoration: underline; }

@media screen and (min-width: 1023px) {
  .post__admin {
    position: absolute;
    right: -300px;
    width: 300px;
    min-height: 110px;
    border-left: 2px dashed #f0f0f0;
    padding-left: 0.5rem; }
    .post__admin span {
      display: block;
      margin-bottom: 0.75rem; } }

@media screen and (min-width: 599px) {
  .post {
    padding-top: 2rem;
    padding-bottom: 1.75rem;
    /* the last <p> in the post accounts for 1rem,
                              so we add another to arrive at 2rem */
    padding-left: 80px;
    border: none;
    border-bottom: 1px solid #eee; }
  .post__avatar {
    display: block !important;
    position: absolute;
    z-index: 50;
    margin-left: -80px; }
  .post__avatar-image {
    background-color: #f5f5f5;
    background-size: 100% 100%;
    width: 64px;
    height: 64px;
    border-radius: 25%; }
  .post__avatar-image--placeholder {
    border: 1px dashed #aaa; } }

.post-type-list:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden; }

.post-type {
  float: left;
  width: 33.3%; }

.post-type__label {
  display: block;
  background: #eee;
  border-right: 2px solid #fff;
  padding: 10px; }

.post-type--active .post-type__label {
  background: #A5CADC; }

.read-next {
  margin: 1rem 0; }

.read-next__label {
  display: block;
  color: #999; }

@media screen and (min-width: 599px) {
  .read-next {
    padding-left: 80px; } }

.search {
  text-align: center; }

input.search__input {
  display: block;
  padding: 1rem;
  border: 1px solid #eee;
  background: #fff;
  margin: 0 auto; }

/*
 * Sidebar
 *
 * Flexible banner for housing site name, intro, and "footer" content. Starts
 * out above content in mobile and later moves to the side with wider viewports.
 */
.sidebar {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  overflow-y: auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  background-color: #1f1338;
  border: 2px solid #1f1338; }

/* Sidebar links */
.sidebar a {
  color: #fff; }

.sidebar-header {
  text-align: center;
  font-size: 0.875rem;
  line-height: 2rem;
  padding: 0.25rem; }
  .sidebar-header img {
    width: 32px;
    height: 32px;
    border-radius: 25%;
    vertical-align: top; }
  .sidebar-header p {
    margin: 0;
    margin-top: 0.5rem;
    line-height: 1.25rem;
    display: none; }

.sidebar-nav {
  display: none; }

/* About section */
.sidebar-header__title {
  display: inline;
  color: #fff;
  font-family: sans-serif;
  font-size: 1.25rem;
  line-height: 32px;
  margin-bottom: 0; }

/* Sidebar nav */
.sidebar-nav-item {
  display: block;
  line-height: 1.75;
  background: #150C1A;
  border-top: 1px solid #222;
  padding: 0.25rem; }

a.sidebar-nav-item:hover,
a.sidebar-nav-item:focus {
  text-decoration: underline; }

.sidebar-nav-item.active {
  font-weight: bold;
  background: #271134; }

/* 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/.
 */
#sidebar-checkbox:checked ~ .sidebar-nav {
  display: block; }

/* 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: 0.5rem;
  left: .25rem;
  display: block;
  width: 2.2rem;
  padding: .5rem .65rem;
  color: #FFFFFF;
  border-radius: 4px;
  cursor: pointer; }

.sidebar-toggle:before {
  display: block;
  content: "";
  width: 100%;
  height: .5rem;
  border-top: .125rem solid;
  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 {
  opacity: 0.6; }

.sidebar__search-icon {
  position: absolute;
  top: 0.5rem;
  right: .25rem;
  display: block;
  width: 2.2rem;
  padding: 0 .65rem;
  color: #FFFFFF;
  border-radius: 4px;
  cursor: pointer; }

/* Move sidebar to the left */
@media screen and (min-width: 1023px) {
  .sidebar-toggle {
    position: fixed;
    width: 2.25rem; }
  .sidebar-toggle:before {
    padding-bottom: .15rem;
    border-top-width: .45rem;
    border-bottom-width: .15rem; }
  .sidebar__search-icon {
    display: none; }
  .sidebar {
    bottom: 0;
    width: 14rem;
    height: 100%;
    padding: 2rem 1rem 1rem 1rem;
    border-bottom-color: transparent;
    border-right-color: #63407d; }
  .sidebar-header img {
    width: 128px;
    height: 128px; }
  .sidebar-header p {
    display: block; }
  .sidebar-header__title {
    display: block; }
  .sidebar-nav-container {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #63407D; }
  .sidebar-nav-item.active {
    background: transparent; }
  .sidebar-toggle {
    display: none; }
  .sidebar-nav {
    display: block;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
  .sidebar-nav-item {
    background: transparent;
    border: none; } }

.badge {
  font-size: 0.675rem;
  padding: 3px;
  border-radius: 3px;
  vertical-align: text-top; }

.badge--new {
  background: #2e2148;
  color: #72e20b;
  border: 1px solid #72e20b; }

a.no-hover-decoration:hover {
  text-decoration: none; }
  a.no-hover-decoration:hover .hover-decoration {
    text-decoration: underline; }

.tab-nav__inner {
  border-bottom: 3px solid #eee; }
  .tab-nav__inner:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden; }

.tab-nav__tab {
  float: left; }

.tab-nav__tab--right {
  float: right; }

.tab-nav__tab > a,
.tab-nav__tab > label {
  padding: 0.6rem 1rem;
  display: block;
  border-bottom: 3px solid transparent;
  margin-bottom: -3px; }

.tab-nav__tab--active > a {
  color: #000;
  border-bottom: 3px solid #999; }

.tab-nav__tab--add-project a {
  color: #333;
  border-bottom: 3px solid #87AE10; }

.tab-nav__dropdown__tab__search,
.tab-nav__tab__search {
  border: none;
  padding: 0.6rem 0;
  line-height: 1.5; }
  .tab-nav__dropdown__tab__search:focus,
  .tab-nav__tab__search:focus {
    outline: none; }

.tab-nav__tab__search {
  text-align: right;
  background: transparent; }

.tab-nav__dropdown__tab__search {
  text-align: center;
  display: block;
  width: 100%; }

.tab-nav__dropdown__tab--search input[type=submit],
.tab-nav__tab--search input[type=submit] {
  display: none; }

.tab-nav__tab {
  opacity: 0.75; }

.tab-nav__tab--active {
  opacity: 1; }
  .tab-nav__tab--active.tab-nav__tab--blog_post a {
    border-bottom-color: #12982e; }
  .tab-nav__tab--active.tab-nav__tab--project_update a {
    border-bottom-color: #ffe100; }

.tab-nav__dropdown {
  display: none; }
  .tab-nav__dropdown:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden; }

#tab-nav__dropdown-checkbox:checked ~ .tab-nav__dropdown {
  display: block; }

/* Hide the branch checkbox that we toggle with `.tab-nav__dropdown-toggle` */
.tab-nav__dropdown-checkbox {
  display: none; }

.tab-nav__dropdown-toggle {
  cursor: pointer; }

.tab-nav__dropdown-toggle:active,
#tab-nav__dropdown-checkbox:checked ~ .tab-nav__dropdown-toggle {
  opacity: 0.6; }

.tab-nav__dropdown__tab > a {
  padding: 0.6rem 1rem;
  display: block;
  background-color: #fafafa;
  border-bottom: 3px solid #eee;
  text-align: center; }

.tab-nav__dropdown__tab--active > a {
  color: #000;
  background-color: #f0f0f0; }

.tab-nav--mobile {
  display: block; }

.tab-nav--desktop {
  display: none; }

@media screen and (min-width: 599px) {
  .tab-nav--mobile {
    display: none; }
  .tab-nav--desktop {
    display: block; } }

.tab-nav__tab__search-icon,
.tab-nav__tab__search-cancel {
  display: none; }

.tab-nav__tab__search-cancel > a {
  color: inherit;
  opacity: 0.6; }
  .tab-nav__tab__search-cancel > a:hover {
    text-decoration: none;
    opacity: 1.0; }

.tab-nav--desktop.tab-nav--search-active .tab-nav__tab {
  display: none; }

.tab-nav--desktop.tab-nav--search-active .tab-nav__tab--search {
  display: block;
  float: none;
  width: 100%; }

.tab-nav--desktop.tab-nav--search-active .tab-nav__tab__search {
  width: 90%;
  text-align: left;
  display: inline-block;
  margin-left: 0.6rem; }

.tab-nav--desktop.tab-nav--search-active .tab-nav__tab__search-icon,
.tab-nav--desktop.tab-nav--search-active .tab-nav__tab__search-cancel {
  display: inline; }

.tweet {
  background-color: #DEECFF;
  border-left: 3px solid #79A7E5;
  font-size: 0.875rem;
  padding: 0.25rem;
  margin: 0.5rem 0; }

/*
 * 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; }

/*
 *  __                  __
 * /\ \                /\ \
 * \ \ \___   __  __   \_\ \     __
 *  \ \  _ `\/\ \/\ \  /'_` \  /'__`\
 *   \ \ \ \ \ \ \_\ \/\ \_\ \/\  __/
 *    \ \_\ \_\/`____ \ \___,_\ \____\
 *     \/_/\/_/`/___/> \/__,_ /\/____/
 *                /\___/
 *                \/__/
 *
 * Designed, built, and released under MIT license by @mdo. Learn more at
 * https://github.com/poole/hyde.
 */
/*
 * Global resets
 *
 * Update the foundational and global aspects of the page.
 */
html,
input.post-title {
  font-family: Helvetica, Arial, sans-serif; }

/*
*/
/* Container
 *
 * Align the contents of the site above the proper threshold with some margin-fu
 * with a 25%-wide `.sidebar`.
 */
.content {
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem;
  background: #E5EAED; }

.footer {
  font-size: 14px;
  color: #aaa;
  padding: 10px;
  border-top: 2px solid #eee; }

@media screen and (min-width: 599px) {
  .content {
    max-width: 740px;
    background: transparent; } }

@media screen and (min-width: 1023px) {
  .content,
  .footer {
    margin-left: 16rem; }
  .content .container,
  .footer {
    padding-left: 2rem;
    padding-right: 1rem; } }

@media screen and (min-width: 1279px) {
  .content,
  .footer {
    margin-left: 20rem;
    max-width: 890px; } }

body .related-posts li a:hover {
  color: #5E49BA;
  text-decoration: underline; }

label[for=user_twitter_handle] {
  display: block;
  margin-top: 1em; }

input#user_twitter_handle {
  font-size: 1.15em;
  margin-bottom: 1em; }

.twitter-related {
  color: #62A9E0 !important; }

/*  MFG Labs iconset 1.0

    -------------------------------------------------------

    License
    -------------------------------------------------------
    • The MFG Labs iconset font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
    • MFG Labs inconset CSS files are licensed under the MIT License -
      http://opensource.org/licenses/mit-license.html
    • The MFG Labs iconset pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
    • Attribution is no longer required in Font Awesome 3.0, but much appreciated:
      MFG Labs inconset by MFG Labs

    Contact
    -------------------------------------------------------
    Email: martin.charpentier@mfglabs.com
    Twitter: http://twitter.com/mfg_labs


    */
@font-face {
  font-family: 'mfg_labs_iconsetregular';
  src: url("/fonts/mfglabsiconset-webfont.eot");
  src: url("/fonts/mfglabsiconset-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/mfglabsiconset-webfont.woff") format("woff"), url("/fonts/mfglabsiconset-webfont.ttf") format("truetype"), url("/fonts/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular") format("svg");
  font-weight: normal;
  font-style: normal; }

i, .icon {
  font-family: 'mfg_labs_iconsetregular';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 1em;
  -webkit-font-smoothing: antialiased; }

.icon2x {
  font-size: 2em; }

.icon3x {
  font-size: 3em; }

/* style exemples */
.gradient {
  color: #999;
  text-shadow: 1px 1px 1px rgba(27, 27, 27, 0.19);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b6b6b6), to(#3c3c3c));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.gradient:hover, .gradient .current {
  color: #eee;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.25);
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); }

/*  MFG Labs iconset uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons.
    We also use semantic unicode when they are available for the icon we provide. */
.icon-cloud:before {
  content: "\2601"; }

.icon-at:before {
  content: "\0040"; }

.icon-plus:before {
  content: "\002B"; }

.icon-minus:before {
  content: "\2212"; }

.icon-arrow_up:before {
  content: "\2191"; }

.icon-arrow_down:before {
  content: "\2193"; }

.icon-arrow_right:before {
  content: "\2192"; }

.icon-arrow_left:before {
  content: "\2190"; }

.icon-chevron_down:before {
  content: "\f004"; }

.icon-chevron_up:before {
  content: "\f005"; }

.icon-chevron_right:before {
  content: "\f006"; }

.icon-chevron_left:before {
  content: "\f007"; }

.icon-reorder:before {
  content: "\f008"; }

.icon-list:before {
  content: "\f009"; }

.icon-reorder_square:before {
  content: "\f00a"; }

.icon-reorder_square_line:before {
  content: "\f00b"; }

.icon-coverflow:before {
  content: "\f00c"; }

.icon-coverflow_line:before {
  content: "\f00d"; }

.icon-pause:before {
  content: "\f00e"; }

.icon-play:before {
  content: "\f00f"; }

.icon-step_forward:before {
  content: "\f010"; }

.icon-step_backward:before {
  content: "\f011"; }

.icon-fast_forward:before {
  content: "\f012"; }

.icon-fast_backward:before {
  content: "\f013"; }

.icon-cloud_upload:before {
  content: "\f014"; }

.icon-cloud_download:before {
  content: "\f015"; }

.icon-data_science:before {
  content: "\f016"; }

.icon-data_science_black:before {
  content: "\f017"; }

.icon-globe:before {
  content: "\f018"; }

.icon-globe_black:before {
  content: "\f019"; }

.icon-math_ico:before {
  content: "\f01a"; }

.icon-math:before {
  content: "\f01b"; }

.icon-math_black:before {
  content: "\f01c"; }

.icon-paperplane_ico:before {
  content: "\f01d"; }

.icon-paperplane:before {
  content: "\f01e"; }

.icon-paperplane_black:before {
  content: "\f01f"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-color_balance:before {
  content: "\f020"; }

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

.icon-star_half:before {
  content: "\f022"; }

.icon-star_empty:before {
  content: "\2606"; }

.icon-star_half_empty:before {
  content: "\f024"; }

.icon-reload:before {
  content: "\f025"; }

.icon-heart:before {
  content: "\2665"; }

.icon-heart_broken:before {
  content: "\f028"; }

.icon-hashtag:before {
  content: "\f029"; }

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

.icon-retweet:before {
  content: "\f02b"; }

.icon-signin:before {
  content: "\f02c"; }

.icon-signout:before {
  content: "\f02d"; }

.icon-download:before {
  content: "\f02e"; }

.icon-upload:before {
  content: "\f02f"; }

.icon-placepin:before {
  content: "\f031"; }

.icon-display_screen:before {
  content: "\f032"; }

.icon-tablet:before {
  content: "\f033"; }

.icon-smartphone:before {
  content: "\f034"; }

.icon-connected_object:before {
  content: "\f035"; }

.icon-lock:before {
  content: "\F512"; }

.icon-unlock:before {
  content: "\F513"; }

.icon-camera:before {
  content: "\F4F7"; }

.icon-isight:before {
  content: "\f039"; }

.icon-video_camera:before {
  content: "\f03a"; }

.icon-random:before {
  content: "\f03b"; }

.icon-message:before {
  content: "\F4AC"; }

.icon-discussion:before {
  content: "\f03d"; }

.icon-calendar:before {
  content: "\F4C5"; }

.icon-ringbell:before {
  content: "\f03f"; }

.icon-movie:before {
  content: "\f040"; }

.icon-mail:before {
  content: "\2709"; }

.icon-pen:before {
  content: "\270F"; }

.icon-settings:before {
  content: "\9881"; }

.icon-measure:before {
  content: "\f044"; }

.icon-vector:before {
  content: "\f045"; }

.icon-vector_pen:before {
  content: "\2712"; }

.icon-mute_on:before {
  content: "\f047"; }

.icon-mute_off:before {
  content: "\f048"; }

.icon-home:before {
  content: "\2302"; }

.icon-sheet:before {
  content: "\f04a"; }

.icon-arrow_big_right:before {
  content: "\21C9"; }

.icon-arrow_big_left:before {
  content: "\21C7"; }

.icon-arrow_big_down:before {
  content: "\21CA"; }

.icon-arrow_big_up:before {
  content: "\21C8"; }

.icon-dribbble_circle:before {
  content: "\f04f"; }

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

.icon-facebook_circle:before {
  content: "\f051"; }

.icon-facebook:before {
  content: "\f052"; }

.icon-git_circle_alt:before {
  content: "\f053"; }

.icon-git_circle:before {
  content: "\f054"; }

.icon-git:before {
  content: "\f055"; }

.icon-octopus:before {
  content: "\f056"; }

.icon-twitter_circle:before {
  content: "\f057"; }

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

.icon-google_plus_circle:before {
  content: "\f059"; }

.icon-google_plus:before {
  content: "\f05a"; }

.icon-linked_in_circle:before {
  content: "\f05b"; }

.icon-linked_in:before {
  content: "\f05c"; }

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

.icon-instagram_circle:before {
  content: "\f05e"; }

.icon-mfg_icon:before {
  content: "\f05f"; }

.icon-xing:before {
  content: "\F532"; }

.icon-xing_circle:before {
  content: "\F533"; }

.icon-mfg_icon_circle:before {
  content: "\f060"; }

.icon-user:before {
  content: "\f061"; }

.icon-user_male:before {
  content: "\f062"; }

.icon-user_female:before {
  content: "\f063"; }

.icon-users:before {
  content: "\f064"; }

.icon-file_open:before {
  content: "\F4C2"; }

.icon-file_close:before {
  content: "\f067"; }

.icon-file_alt:before {
  content: "\f068"; }

.icon-file_close_alt:before {
  content: "\f069"; }

.icon-attachment:before {
  content: "\f06a"; }

.icon-check:before {
  content: "\2713"; }

.icon-cross_mark:before {
  content: "\274C"; }

.icon-cancel_circle:before {
  content: "\F06E"; }

.icon-check_circle:before {
  content: "\f06d"; }

.icon-magnifying:before {
  content: "\F50D"; }

.icon-inbox:before {
  content: "\f070"; }

.icon-clock:before {
  content: "\23F2"; }

.icon-stopwatch:before {
  content: "\23F1"; }

.icon-hourglass:before {
  content: "\231B"; }

.icon-trophy:before {
  content: "\f074"; }

.icon-unlock_alt:before {
  content: "\F075"; }

.icon-lock_alt:before {
  content: "\F510"; }

.icon-arrow_doubled_right:before {
  content: "\21D2"; }

.icon-arrow_doubled_left:before {
  content: "\21D0"; }

.icon-arrow_doubled_down:before {
  content: "\21D3"; }

.icon-arrow_doubled_up:before {
  content: "\21D1"; }

.icon-link:before {
  content: "\f07B"; }

.icon-warning:before {
  content: "\2757"; }

.icon-warning_alt:before {
  content: "\2755"; }

.icon-magnifying_plus:before {
  content: "\f07E"; }

.icon-magnifying_minus:before {
  content: "\f07F"; }

.icon-white_question:before {
  content: "\2754"; }

.icon-black_question:before {
  content: "\2753"; }

.icon-stop:before {
  content: "\f080"; }

.icon-share:before {
  content: "\f081"; }

.icon-eye:before {
  content: "\f082"; }

.icon-trash_can:before {
  content: "\f083"; }

.icon-hard_drive:before {
  content: "\f084"; }

.icon-information_black:before {
  content: "\f085"; }

.icon-information_white:before {
  content: "\f086"; }

.icon-printer:before {
  content: "\f087"; }

.icon-letter:before {
  content: "\f088"; }

.icon-soundcloud:before {
  content: "\f089"; }

.icon-soundcloud_circle:before {
  content: "\f08A"; }

.icon-anchor:before {
  content: "\2693"; }

.icon-female_sign:before {
  content: "\2640"; }

.icon-male_sign:before {
  content: "\2642"; }

.icon-joystick:before {
  content: "\F514"; }

.icon-high_voltage:before {
  content: "\26A1"; }

.icon-fire:before {
  content: "\F525"; }

.icon-newspaper:before {
  content: "\F4F0"; }

.icon-chart:before {
  content: "\F526"; }

.icon-spread:before {
  content: "\F527"; }

.icon-spinner_1:before {
  content: "\F528"; }

.icon-spinner_2:before {
  content: "\F529"; }

.icon-chart_alt:before {
  content: "\F530"; }

.icon-label:before {
  content: "\F531"; }

.icon-brush:before {
  content: "\E000"; }

.icon-refresh:before {
  content: "\E001"; }

.icon-node:before {
  content: "\E002"; }

.icon-node_2:before {
  content: "\E003"; }

.icon-node_3:before {
  content: "\E004"; }

.icon-link_2_nodes:before {
  content: "\E005"; }

.icon-link_3_nodes:before {
  content: "\E006"; }

.icon-link_loop_nodes:before {
  content: "\E007"; }

.icon-node_size:before {
  content: "\E008"; }

.icon-node_color:before {
  content: "\E009"; }

.icon-layout_directed:before {
  content: "\E010"; }

.icon-layout_radial:before {
  content: "\E011"; }

.icon-layout_hierarchical:before {
  content: "\E012"; }

.icon-node_link_direction:before {
  content: "\E013"; }

.icon-node_link_short_path:before {
  content: "\E014"; }

.icon-node_cluster:before {
  content: "\E015"; }

.icon-display_graph:before {
  content: "\E016"; }

.icon-node_link_weight:before {
  content: "\E017"; }

.icon-more_node_links:before {
  content: "\E018"; }

.icon-node_shape:before {
  content: "\E00A"; }

.icon-node_icon:before {
  content: "\E00B"; }

.icon-node_text:before {
  content: "\E00C"; }

.icon-node_link_text:before {
  content: "\E00D"; }

.icon-node_link_color:before {
  content: "\E00E"; }

.icon-node_link_shape:before {
  content: "\E00F"; }

.icon-credit_card:before {
  content: "\F4B3"; }

.icon-disconnect:before {
  content: "\F534"; }

.icon-graph:before {
  content: "\F535"; }

.icon-new_user:before {
  content: "\F536"; }

@media (prefers-color-scheme: dark) {
  body:not(.theme-light),
  body:not(.theme-light) .post {
    background-color: #130d17;
    color: #f0f0f0; }
  body:not(.theme-light) .post--sign-in-to-post {
    background-color: transparent; }
  body:not(.theme-light) .content {
    background-color: #0d0817; } }

@media screen and (prefers-color-scheme: dark) and (min-width: 1023px) {
  body:not(.theme-light) .content {
    background-color: #130d17; } }

@media (prefers-color-scheme: dark) {
  body:not(.theme-light) .post {
    border-bottom-color: #24242d; }
  body:not(.theme-light) .footer {
    border-top-color: #24242d; }
  body:not(.theme-light) h1,
  body:not(.theme-light) h2,
  body:not(.theme-light) h3,
  body:not(.theme-light) .post__title,
  body:not(.theme-light) .post__title a {
    color: #f0f0f0; }
  body:not(.theme-light) .post__body a {
    color: #7d62f5; }
  body:not(.theme-light) .post__meta a:hover {
    color: #f0f0f0; }
  body:not(.theme-light) .post__admin {
    border-color: #24242d; }
  body:not(.theme-light) .post__admin a {
    background: #24242d;
    color: #aaa; }
    body:not(.theme-light) .post__admin a:hover {
      background-color: #aaa;
      color: #24242d; } }

@media screen and (prefers-color-scheme: dark) and (min-width: 1023px) {
  body:not(.theme-light) .sidebar-nav-container {
    border-top: 1px solid #24242d; } }

@media (prefers-color-scheme: dark) {
  body:not(.theme-light) .sidebar {
    background-color: #0d0817;
    border-right-color: #24242d;
    border-bottom-color: #24242d; }
  body:not(.theme-light) .btn--sign-in {
    color: #fff;
    background-color: #352752;
    border-color: #62469a; }
    body:not(.theme-light) .btn--sign-in:hover {
      background-color: #2e1d4e;
      border-color: #62469a; }
  body:not(.theme-light) .btn--default {
    background-color: #0d0817;
    border-color: #24242d;
    color: #f0f0f0; }
    body:not(.theme-light) .btn--default:hover {
      background-color: #000;
      border-color: #333; }
  body:not(.theme-light) .btn--primary {
    color: #fff;
    background-color: #0a4217;
    border-color: #127429; }
    body:not(.theme-light) .btn--primary:hover {
      background-color: #085019;
      border-color: #127429; }
  body:not(.theme-light) select,
  body:not(.theme-light) input[type=text],
  body:not(.theme-light) textarea {
    background-color: #24242d;
    color: #f0f0f0; }
    body:not(.theme-light) select:focus,
    body:not(.theme-light) input[type=text]:focus,
    body:not(.theme-light) textarea:focus {
      background: #24242d; }
  body:not(.theme-light) strong {
    color: #f0f0f0; }
  body:not(.theme-light) pre {
    background-color: #0d0817; }
  body:not(.theme-light) code {
    color: #ff6969;
    background-color: #0d0817; } }

@media screen and (prefers-color-scheme: dark) and (min-width: 599px) {
  body:not(.theme-light) .post__avatar-image {
    background-color: #0d0817;
    border-color: #24242d; } }

@media (prefers-color-scheme: dark) {
  body:not(.theme-light) .hide-for-dark-theme {
    display: none; } }

body.theme-dark,
body.theme-dark .post {
  background-color: #130d17;
  color: #f0f0f0; }

body.theme-dark .post--sign-in-to-post {
  background-color: transparent; }

body.theme-dark .content {
  background-color: #0d0817; }

@media screen and (min-width: 1023px) {
  body.theme-dark .content {
    background-color: #130d17; } }

body.theme-dark .post {
  border-bottom-color: #24242d; }

body.theme-dark .footer {
  border-top-color: #24242d; }

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark .post__title,
body.theme-dark .post__title a {
  color: #f0f0f0; }

body.theme-dark .post__body a {
  color: #7d62f5; }

body.theme-dark .post__meta a:hover {
  color: #f0f0f0; }

body.theme-dark .post__admin {
  border-color: #24242d; }

body.theme-dark .post__admin a {
  background: #24242d;
  color: #aaa; }
  body.theme-dark .post__admin a:hover {
    background-color: #aaa;
    color: #24242d; }

@media screen and (min-width: 1023px) {
  body.theme-dark .sidebar-nav-container {
    border-top: 1px solid #24242d; } }

body.theme-dark .sidebar {
  background-color: #0d0817;
  border-right-color: #24242d;
  border-bottom-color: #24242d; }

body.theme-dark .btn--sign-in {
  color: #fff;
  background-color: #352752;
  border-color: #62469a; }
  body.theme-dark .btn--sign-in:hover {
    background-color: #2e1d4e;
    border-color: #62469a; }

body.theme-dark .btn--default {
  background-color: #0d0817;
  border-color: #24242d;
  color: #f0f0f0; }
  body.theme-dark .btn--default:hover {
    background-color: #000;
    border-color: #333; }

body.theme-dark .btn--primary {
  color: #fff;
  background-color: #0a4217;
  border-color: #127429; }
  body.theme-dark .btn--primary:hover {
    background-color: #085019;
    border-color: #127429; }

body.theme-dark select,
body.theme-dark input[type=text],
body.theme-dark textarea {
  background-color: #24242d;
  color: #f0f0f0; }
  body.theme-dark select:focus,
  body.theme-dark input[type=text]:focus,
  body.theme-dark textarea:focus {
    background: #24242d; }

body.theme-dark strong {
  color: #f0f0f0; }

body.theme-dark pre {
  background-color: #0d0817; }

body.theme-dark code {
  color: #ff6969;
  background-color: #0d0817; }

@media screen and (min-width: 599px) {
  body.theme-dark .post__avatar-image {
    background-color: #0d0817;
    border-color: #24242d; } }

body.theme-dark .hide-for-dark-theme {
  display: none; }

@media (prefers-color-scheme: light) {
  body:not(.theme-light) .hide-for-light-theme {
    display: none; } }

body.theme-light .hide-for-light-theme {
  display: none; }

#nprogress .bar {
  background: #78669e; }

#nprogress .peg {
  box-shadow: 0 0 10px #78669e, 0 0 5px #78669e; }

/* LiveView specific classes for your customizations */
.phx-no-feedback.invalid-feedback,
.phx-no-feedback .invalid-feedback {
  display: none; }

.phx-click-loading {
  opacity: 0.5;
  transition: opacity 1s ease-out; }

.phx-disconnected {
  cursor: wait; }

.phx-disconnected * {
  pointer-events: none; }

.phx-modal {
  opacity: 1 !important;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.phx-modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; }

.phx-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.phx-modal-close:hover,
.phx-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

/* Alerts and form errors */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-info {
  color: #9C27B0;
  background-color: #D1C4E9;
  border-color: #7E57C2; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.alert p {
  margin-bottom: 0; }

.alert:empty {
  display: none; }

.invalid-feedback {
  color: #a94442;
  display: block;
  margin: -1rem 0 2rem; }

.cc-window {
  z-index: 101;
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 20rem;
  background: #0c0817 !important;
  border-top: 1px solid #24242d;
  padding: 1rem;
  text-align: right; }
  .cc-window.cc-invisible {
    display: none; }
  .cc-window .cc-link {
    color: #7d62f5 !important; }
  .cc-window .cc-message,
  .cc-window .cc-compliance {
    padding: 1rem; }
  .cc-window .cc-btn {
    background-color: #37cd8f;
    border-color: #ffffff;
    color: #ffffff; }
  .cc-window .cc-btn {
    border-radius: 0.25em;
    border-style: solid;
    border-width: thin;
    cursor: pointer;
    flex: 1 1 auto;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    margin: 0.125em;
    min-width: 6em;
    padding: 0.5em 0.75em;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: ease-out; }
    .cc-window .cc-btn:hover {
      text-decoration: none; }