#COLOR { color: #771835; }

body { background-color: #634013; font-family: Alegreya, sans-serif; scroll-behavior: smooth; }

#page { max-width: 960px; margin: 50px auto 0 auto; background-color: #FFFFFF; padding-bottom: 40px; }

.container { padding-top: 20px; max-width: 700px; }

#header { max-width: 960px; margin: 0 auto; }

#header .container, #footer .container { padding-top: 0; }

img { display: block; max-width: 100%; }

a { color: #634013; text-decoration: none; border-bottom: 1px dotted #634013; }

a:hover { color: #9e6019; }

.logo { display: inline-block; vertical-align: middle; }

.logotype { display: inline-block; vertical-align: middle; margin-left: 5px; font-weight: 700; }

small { font-family: Montserrat, sans-serif; font-size: 60%; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"], h1, h2, h3, h4, h5, h6, #nav { font-family: Montserrat, sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-weight: 700; }

h1, h2, h3, h4, h5, h6, #nav { font-weight: 300; padding: 10px 0; }

.button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"] { color: #FFF; background-color: #634013; border-color: #634013; }

.button.button-primary:hover, .button.button-primary:focus, button.button-primary:hover, button.button-primary:focus, input.button-primary[type="submit"]:hover, input.button-primary[type="submit"]:focus, input.button-primary[type="reset"]:hover, input.button-primary[type="reset"]:focus, input.button-primary[type="button"]:hover, input.button-primary[type="button"]:focus { background-color: #9e6019; border-color: #9e6019; }

strong { font-weight: 700; }

svg #Eric { fill-opacity: 0; stroke: black; }

#nav { height: 50px; }

#nav ul { list-style: none; display: inline-block; margin: 0; }

#nav li { display: inline-block; }

#nav .logo svg { width: 60px; }

#nav svg #Eric { stroke: #634013; }

#nav svg #Eric:hover { stroke: #9e6019; }

#nav a { color: #000000; border: none; }

#nav a:hover { color: #9e6019; }

#nav a:hover svg #Strings path { stroke: #9e6019; }

#nav a:hover svg #Sticks path { fill: #9e6019; }

.callout { float: right; width: 50%; margin: 5px 0 10px 20px; }

.illustration { background-color: #634013; }

.illustration.u-full-width.tall-image { display: none; }

@media only screen and (max-width : 400px) { .illustration.u-full-width.tall-image { display: block; } }

.illustration.callout.tall-image { max-width: 33%; }

@media only screen and (max-width : 400px) { .illustration.callout.tall-image { display: none; } }

.software-blurb img, .client-blurb img, .illustration img { width: 100%; }

.software-blurb img { max-width: 100px; }

.client-blurb img { margin-bottom: 10px; }

.headline { margin: 10px 0 20px; }

.headline h1 { display: inline; font-size: 150%; font-weight: 700; color: #634013; }

.headline h1:after { display: inline; content: " "; }

.headline .meta { display: inline-block; font-family: Montserrat, serif; font-weight: 100; font-size: 12px; }

.posts .post .date { display: inline-block; vertical-align: top; width: 6em; }

.posts .post .title { display: inline-block; vertical-align: top; width: calc(100% - 6em); }

#header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; background: #FFFFFF; /* background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0.02)); /* Standard syntax (must be last) */ border-bottom: 0.5px solid #CCCCCC; }

#main.small-images img { display: inline-block; margin-left: 5px; margin-right: 5px; max-height: 100px; border: none; }

#footer { padding-top: 20px; background-color: #634013; color: #FFFFFF; font-size: 12px; font-weight: 100; }

#footer strong { font-family: Montserrat, serif; text-transform: uppercase; letter-spacing: 2px; }

#footer ul { list-style: none; display: inline-block; margin: 0; }

#footer li { display: inline-block; }

#footer li:after { padding: 0 5px; content: "/"; }

#footer li:last-child:after { padding: 0; content: ""; }

#footer a { color: #FFFFFF; border-color: #FFFFFF; }

#footer a:hover { color: #f1c166; border-color: #f1c166; }

#footer .logo { display: inline-block; vertical-align: top; }

#footer .logo svg { width: 60px; }

#footer .address { display: inline-block; vertical-align: top; margin-left: 20px; }

#footer svg #Eric { stroke: #9e6019; }

#footer svg #Eric:hover { stroke: #f1c166; }

.no-decoration a, a.no-decoration { border: none; }

#google-form-success, #google-form-error { display: none; }

/* Code highlighting */
.highlight .hll { background-color: #ffffcc; }

.highlight .c { color: #999988; font-style: italic; }

/* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.highlight .k { color: #000000; font-weight: bold; }

/* Keyword */
.highlight .o { color: #000000; font-weight: bold; }

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

/* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic; }

/* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd; }

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

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

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

/* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd; }

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

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

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

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

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

/* Generic.Traceback */
.highlight .kc { color: #000000; font-weight: bold; }

/* Keyword.Constant */
.highlight .kd { color: #000000; font-weight: bold; }

/* Keyword.Declaration */
.highlight .kn { color: #000000; font-weight: bold; }

/* Keyword.Namespace */
.highlight .kp { color: #000000; font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr { color: #000000; font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold; }

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

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

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

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

/* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold; }

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

/* Name.Constant */
.highlight .nd { color: #3c5d5d; font-weight: bold; }

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

/* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold; }

/* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold; }

/* Name.Function */
.highlight .nl { color: #990000; font-weight: bold; }

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

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

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

/* Name.Variable */
.highlight .ow { color: #000000; font-weight: bold; }

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

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

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

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

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

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

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

/* Literal.String.Char */
.highlight .sd { color: #d01040; }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Literal.Number.Integer.Long */
code { overflow: auto; }

/* skeleton.css adjustments */
input:last-of-type, textarea:last-of-type, select:last-of-type, fieldset:last-of-type { margin-bottom: 0; margin-top: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.0rem; }

ul { list-style: circle outside; margin-left: 1.5em; }

ol { list-style: decimal outside; margin-left: 1.5em; }

/* Disqus Styles */
#disqus_thread { display: none; background-color: #634013; color: white; padding: 20px; }

#disqus_thread a { color: #f1c166; }

.embed-container { width: 100%; }

.embed-container iframe { width: 100%; }

.embed-container.rich div, .embed-container.rich blockquote, .embed-container.rich p { display: none; }

.embed-container.video { display: block; position: relative; width: 100%; height: 0; padding-bottom: 51%; }

.embed-container.video iframe { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

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