/* ==========================================================================
   Color Functions
   ========================================================================== */
/*
   EM conversion
   ========================================================================== */
/* ==========================================================================
   Fluid Type
   as seen on https://madebymike.com.au/writing/fluid-type-calc-examples/
   ========================================================================== */
/*
   Compass YIQ Color Contrast
   https://github.com/easy-designs/yiq-color-contrast
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* Breakpoint widths */
/* Fluid type */
/* Calculate Modular Scale */
/* small */
/* large */
/* Heading 1 */
/* Heading 2 */
/* Heading 3 */
/* Heading 4 */
/* Heading 5 */
/* Heading 6 */
/* Font Families */
/* YIQ color contrast */
/* Brands */
/* Max-width of the main content */
/* Max-width of the main content + sidebar */
/* Site logo */
/* Border radius */
/* Global transition */
/* ==========================================================================
   NOTICE TEXT BLOCKS
   ========================================================================== */
/**
 *  Default Kramdown usage (no indents!):
 *  <div class="notice" markdown="1">
 *  #### Headline for the Notice
 *  Text for the notice
 *  </div>
 */
/* Colors */
/* Syntax highlighting (base16) colors */
/* ==========================================================================
   Base elements
   ========================================================================== */
body {
  color: #000;
  background: #fff;
  border-top-color: #000;
}

a {
  color: #34374C;
}
a:hover {
  color: rgb(39, 41.25, 57);
}

blockquote {
  background-color: rgb(234.7, 235, 237.1);
  border-left-color: #34374C;
}

/* ==========================================================================
   Site-wide
   ========================================================================== */
.site-title a {
  color: #000;
}

.copyright {
  color: rgb(89.25, 89.25, 89.25);
}
.copyright a {
  color: rgb(89.25, 89.25, 89.25);
}

.taxonomy-title {
  color: #999999;
}

.taxonomy-count {
  color: rgb(127.5, 127.5, 127.5);
}

.taxonomy-index a {
  border-bottom-color: #cccccc;
}
.taxonomy-index a:hover {
  color: #34374C;
}

.taxonomy-section:not(:last-child) {
  border-bottom-color: #cccccc;
}

.back-to-top {
  color: rgb(127.5, 127.5, 127.5);
}

.site-nav ul {
  color: #fff;
  background-color: #000;
}
.site-nav a {
  color: #fff;
  border-color: #000;
}
.site-nav a:hover {
  border-color: #fff;
}

.site-footer {
  border-top-color: #cccccc;
}

.footnotes {
  border-top-color: #cccccc;
}

.site-logo-img {
  border-color: #fff;
}

.toc-wrapper {
  border-color: rgb(216.75, 216.75, 216.75);
}
.toc-wrapper h2 {
  color: #586e75;
  background-color: #fafafa;
}
.toc-wrapper li ol {
  background-color: #fff;
}
.toc-wrapper li a:hover, .toc-wrapper li a:focus {
  border-bottom: 1px dotted #cccccc;
}

#menu-toggle {
  color: #fff;
}

#menu-toggle {
  background-color: #000;
}

#markdown-toc {
  color: #586e75;
}

.pagination li a {
  color: #999999;
  border-color: #cccccc;
}
.pagination li a.current, .pagination li a.current.disabled {
  background-color: #999999;
  color: #fff;
}
.pagination li a.disabled {
  color: #cccccc;
}

.search-input {
  border-color: #cccccc;
}

/* ==========================================================================
   Page
   ========================================================================== */
.page-previous,
.page-next {
  color: #000;
}

/* ==========================================================================
   Entries (Posts, collection documents, etc.)
   ========================================================================== */
.entry a:hover {
  color: #34374C;
}

/* ==========================================================================
   Tables
   ========================================================================== */
th,
td {
  border-bottom-color: #cccccc;
}

/* ==========================================================================
   NOTICE TEXT BLOCKS
   ========================================================================== */
/* Default notice */
.notice {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(229.5, 229.5, 229.5);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(229.5, 229.5, 229.5, 0.25);
  box-shadow: 0 1px 1px rgba(229.5, 229.5, 229.5, 0.25);
}
.notice h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice a {
  color: rgb(57.375, 57.375, 57.375);
}
.notice a:hover {
  color: rgb(91.8, 91.8, 91.8);
}
.notice ul:last-child {
  margin-bottom: 0; /* override*/
}

/* Accent notice */
.notice--accent {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(194.1, 195, 201.3);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(194.1, 195, 201.3, 0.25);
  box-shadow: 0 1px 1px rgba(194.1, 195, 201.3, 0.25);
}
.notice--accent h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice--accent h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice--accent p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice--accent h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice--accent a {
  color: rgb(48.525, 48.75, 50.325);
}
.notice--accent a:hover {
  color: rgb(77.64, 78, 80.52);
}
.notice--accent ul:last-child {
  margin-bottom: 0; /* override*/
}

/* Primary notice */
.notice--primary {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(178.5, 178.5, 178.5);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(178.5, 178.5, 178.5, 0.25);
  box-shadow: 0 1px 1px rgba(178.5, 178.5, 178.5, 0.25);
}
.notice--primary h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice--primary h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice--primary p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice--primary h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice--primary a {
  color: rgb(44.625, 44.625, 44.625);
}
.notice--primary a:hover {
  color: rgb(71.4, 71.4, 71.4);
}
.notice--primary ul:last-child {
  margin-bottom: 0; /* override*/
}

/* Warning notice */
.notice--warning {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(252.9, 222.9, 180.3);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(252.9, 222.9, 180.3, 0.25);
  box-shadow: 0 1px 1px rgba(252.9, 222.9, 180.3, 0.25);
}
.notice--warning h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice--warning h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice--warning p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice--warning h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice--warning a {
  color: rgb(63.225, 55.725, 45.075);
}
.notice--warning a:hover {
  color: rgb(101.16, 89.16, 72.12);
}
.notice--warning ul:last-child {
  margin-bottom: 0; /* override*/
}

/* Success notice */
.notice--success {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(207.9, 237.3, 207.9);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(207.9, 237.3, 207.9, 0.25);
  box-shadow: 0 1px 1px rgba(207.9, 237.3, 207.9, 0.25);
}
.notice--success h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice--success h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice--success p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice--success h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice--success a {
  color: rgb(51.975, 59.325, 51.975);
}
.notice--success a:hover {
  color: rgb(83.16, 94.92, 83.16);
}
.notice--success ul:last-child {
  margin-bottom: 0; /* override*/
}

/* Danger notice */
.notice--danger {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(249.9, 207, 205.8);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(249.9, 207, 205.8, 0.25);
  box-shadow: 0 1px 1px rgba(249.9, 207, 205.8, 0.25);
}
.notice--danger h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice--danger h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice--danger p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice--danger h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice--danger a {
  color: rgb(62.475, 51.75, 51.45);
}
.notice--danger a:hover {
  color: rgb(99.96, 82.8, 82.32);
}
.notice--danger ul:last-child {
  margin-bottom: 0; /* override*/
}

/* Info notice */
.notice--info {
  margin: 2em 0 !important; /* override*/
  padding: 1em;
  background-color: rgb(203.1, 230.4, 238.5);
  color: #000;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 1px rgba(203.1, 230.4, 238.5, 0.25);
  box-shadow: 0 1px 1px rgba(203.1, 230.4, 238.5, 0.25);
}
.notice--info h4 {
  margin-top: 0 !important; /* override*/
  margin-bottom: 0.75em;
}
.page__content .notice--info h4 {
  /* using at-root to override .page-content h4 font size*/
  margin-bottom: 0;
  font-size: 1em;
}

.notice--info p:last-child {
  margin-bottom: 0 !important; /* override*/
}
.notice--info h4 + p {
  /* remove space above paragraphs that appear directly after notice headline*/
  margin-top: 0;
  padding-top: 0;
}
.notice--info a {
  color: rgb(50.775, 57.6, 59.625);
}
.notice--info a:hover {
  color: rgb(81.24, 92.16, 95.4);
}
.notice--info ul:last-child {
  margin-bottom: 0; /* override*/
}

/* ==========================================================================
   Accessibility Modules
   ========================================================================== */
/* Text meant only for screen readers */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  background-color: #000;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn {
  /* button colors */
}
.btn--primary {
  background-color: #000;
  color: #fff;
}
.btn--primary:hover {
  background-color: black;
  color: #fff;
}
.btn--primary:visited {
  background-color: #000;
  color: #fff;
}
.btn--accent {
  background-color: #34374C;
  color: #fff;
}
.btn--accent:hover {
  background-color: rgb(41.6, 44, 60.8);
  color: #fff;
}
.btn--accent:visited {
  background-color: #34374C;
  color: #fff;
}
.btn--inverse {
  background-color: #fff;
  color: #000;
  border: 1px solid #cccccc;
}
.btn--inverse:hover {
  background-color: #cccccc;
  color: #000;
}
.btn--inverse:visited {
  background-color: #fff;
  color: #000;
}
.btn--light-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.btn--light-outline:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn--light-outline:visited {
  background-color: transparent;
  color: #fff;
}
.btn--success {
  background-color: #62c462;
  color: #fff;
}
.btn--success:hover {
  background-color: rgb(78.4, 156.8, 78.4);
  color: #fff;
}
.btn--success:visited {
  background-color: #62c462;
  color: #fff;
}
.btn--warning {
  background-color: #f89406;
  color: #fff;
}
.btn--warning:hover {
  background-color: rgb(198.4, 118.4, 4.8);
  color: #fff;
}
.btn--warning:visited {
  background-color: #f89406;
  color: #fff;
}
.btn--danger {
  background-color: #ee5f5b;
  color: #fff;
}
.btn--danger:hover {
  background-color: rgb(190.4, 76, 72.8);
  color: #fff;
}
.btn--danger:visited {
  background-color: #ee5f5b;
  color: #fff;
}
.btn--info {
  background-color: #52adc8;
  color: #fff;
}
.btn--info:hover {
  background-color: rgb(65.6, 138.4, 160);
  color: #fff;
}
.btn--info:visited {
  background-color: #52adc8;
  color: #fff;
}
.btn--facebook {
  background-color: #3b5998;
  color: #fff;
}
.btn--facebook:hover {
  background-color: rgb(47.2, 71.2, 121.6);
  color: #fff;
}
.btn--facebook:visited {
  background-color: #3b5998;
  color: #fff;
}
.btn--twitter {
  background-color: #55acee;
  color: #fff;
}
.btn--twitter:hover {
  background-color: rgb(68, 137.6, 190.4);
  color: #fff;
}
.btn--twitter:visited {
  background-color: #55acee;
  color: #fff;
}
.btn--google-plus {
  background-color: #dd4b39;
  color: #fff;
}
.btn--google-plus:hover {
  background-color: rgb(176.8, 60, 45.6);
  color: #fff;
}
.btn--google-plus:visited {
  background-color: #dd4b39;
  color: #fff;
}
.btn--linkedin {
  background-color: #007bb6;
  color: #fff;
}
.btn--linkedin:hover {
  background-color: rgb(0, 98.4, 145.6);
  color: #fff;
}
.btn--linkedin:visited {
  background-color: #007bb6;
  color: #fff;
}
.btn--reddit {
  background-color: #ff4500;
  color: #fff;
}
.btn--reddit:hover {
  background-color: rgb(204, 55.2, 0);
  color: #fff;
}
.btn--reddit:visited {
  background-color: #ff4500;
  color: #fff;
}

/* ==========================================================================
   Syntax highlighting
   ========================================================================== */
code.highlighter-rouge {
  color: #586e75;
  background-color: #fafafa;
}

div.highlighter-rouge,
figure.highlight {
  color: #586e75;
  background-color: #fafafa;
}

.highlight table td.gutter {
  color: #839496;
  border-right-color: #839496;
}

.highlight .hll {
  background-color: #eee8d5;
}

.highlight .c {
  /* Comment */
  color: #839496;
}
.highlight .err {
  /* Error */
  color: #dc322f;
}
.highlight .k {
  /* Keyword */
  color: #6c71c4;
}
.highlight .l {
  /* Literal */
  color: #cb4b16;
}
.highlight .n {
  /* Name */
  color: #586e75;
}
.highlight .o {
  /* Operator */
  color: #2aa198;
}
.highlight .p {
  /* Punctuation */
  color: #586e75;
}
.highlight .cm {
  /* Comment.Multiline */
  color: #839496;
}
.highlight .cp {
  /* Comment.Preproc */
  color: #839496;
}
.highlight .c1 {
  /* Comment.Single */
  color: #839496;
}
.highlight .cs {
  /* Comment.Special */
  color: #839496;
}
.highlight .gd {
  /* Generic.Deleted */
  color: #dc322f;
}
.highlight .ge {
  /* Generic.Emph */
  font-style: italic;
}
.highlight .gh {
  /* Generic.Heading */
  color: #586e75;
  font-weight: bold;
}
.highlight .gi {
  /* Generic.Inserted */
  color: #859900;
}
.highlight .gp {
  /* Generic.Prompt */
  color: #839496;
  font-weight: bold;
}
.highlight .gs {
  /* Generic.Strong */
  font-weight: bold;
}
.highlight .gu {
  /* Generic.Subheading */
  color: #2aa198;
  font-weight: bold;
}
.highlight .kc {
  /* Keyword.Constant */
  color: #6c71c4;
}
.highlight .kd {
  /* Keyword.Declaration */
  color: #6c71c4;
}
.highlight .kn {
  /* Keyword.Namespace */
  color: #2aa198;
}
.highlight .kp {
  /* Keyword.Pseudo */
  color: #6c71c4;
}
.highlight .kr {
  /* Keyword.Reserved */
  color: #6c71c4;
}
.highlight .kt {
  /* Keyword.Type */
  color: #b58900;
}
.highlight .ld {
  /* Literal.Date */
  color: #859900;
}
.highlight .m {
  /* Literal.Number */
  color: #cb4b16;
}
.highlight .s {
  /* Literal.String */
  color: #859900;
}
.highlight .na {
  /* Name.Attribute */
  color: #268bd2;
}
.highlight .nb {
  /* Name.Builtin */
  color: #586e75;
}
.highlight .nc {
  /* Name.Class */
  color: #b58900;
}
.highlight .no {
  /* Name.Constant */
  color: #dc322f;
}
.highlight .nd {
  /* Name.Decorator */
  color: #2aa198;
}
.highlight .ni {
  /* Name.Entity */
  color: #586e75;
}
.highlight .ne {
  /* Name.Exception */
  color: #dc322f;
}
.highlight .nf {
  /* Name.Function */
  color: #268bd2;
}
.highlight .nl {
  /* Name.Label */
  color: #586e75;
}
.highlight .nn {
  /* Name.Namespace */
  color: #b58900;
}
.highlight .nx {
  /* Name.Other */
  color: #268bd2;
}
.highlight .py {
  /* Name.Property */
  color: #586e75;
}
.highlight .nt {
  /* Name.Tag */
  color: #2aa198;
}
.highlight .nv {
  /* Name.Variable */
  color: #dc322f;
}
.highlight .ow {
  /* Operator.Word */
  color: #2aa198;
}
.highlight .w {
  /* Text.Whitespace */
  color: #586e75;
}
.highlight .mf {
  /* Literal.Number.Float */
  color: #cb4b16;
}
.highlight .mh {
  /* Literal.Number.Hex */
  color: #cb4b16;
}
.highlight .mi {
  /* Literal.Number.Integer */
  color: #cb4b16;
}
.highlight .mo {
  /* Literal.Number.Oct */
  color: #cb4b16;
}
.highlight .sb {
  /* Literal.String.Backtick */
  color: #859900;
}
.highlight .sc {
  /* Literal.String.Char */
  color: #586e75;
}
.highlight .sd {
  /* Literal.String.Doc */
  color: #839496;
}
.highlight .s2 {
  /* Literal.String.Double */
  color: #859900;
}
.highlight .se {
  /* Literal.String.Escape */
  color: #cb4b16;
}
.highlight .sh {
  /* Literal.String.Heredoc */
  color: #859900;
}
.highlight .si {
  /* Literal.String.Interpol */
  color: #cb4b16;
}
.highlight .sx {
  /* Literal.String.Other */
  color: #859900;
}
.highlight .sr {
  /* Literal.String.Regex */
  color: #859900;
}
.highlight .s1 {
  /* Literal.String.Single */
  color: #859900;
}
.highlight .ss {
  /* Literal.String.Symbol */
  color: #859900;
}
.highlight .bp {
  /* Name.Builtin.Pseudo */
  color: #586e75;
}
.highlight .vc {
  /* Name.Variable.Class */
  color: #dc322f;
}
.highlight .vg {
  /* Name.Variable.Global */
  color: #dc322f;
}
.highlight .vi {
  /* Name.Variable.Instance */
  color: #dc322f;
}
.highlight .il {
  /* Literal.Number.Integer.Long */
  color: #cb4b16;
}

/*# sourceMappingURL=default.css.map */