button, input[type="button"], input[type="reset"], input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; background-color: #780113; border-radius: 3px; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 600; line-height: 1; padding: 0.75em 1em; text-decoration: none; user-select: none; vertical-align: middle; white-space: nowrap; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { background-color: #2c0007; color: #fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, button:disabled { cursor: not-allowed; opacity: 0.5; }

fieldset { background-color: #f7f7f7; border: 1px solid #ddd; margin: 0 0 12.8px; padding: 25.6px; }

input, label, select { display: block; font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; }

label { font-weight: 600; margin-bottom: 6.4px; }
label.required::after { content: "*"; }
label abbr { display: none; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select[multiple=multiple], textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; margin-bottom: 12.8px; padding: 8.5333333333px; transition: border-color; width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover, select[multiple=multiple]:hover, textarea:hover { border-color: #c4c4c4; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, select[multiple=multiple]:focus, textarea:focus { border-color: #780113; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(95, 1, 15, 0.7); outline: none; }

textarea { resize: vertical; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 6.4px; }

input[type="file"] { padding-bottom: 12.8px; width: 100%; }

select { margin-bottom: 25.6px; max-width: 100%; width: auto; }

ul.default, ul.post-list, ol.post-list, ol.default { list-style-type: none; margin: 0; padding: 0; }

ul { list-style-type: disc; margin-bottom: 12.8px; padding-left: 25.6px; }

ol { list-style-type: decimal; margin-bottom: 12.8px; padding-left: 25.6px; }

dl { margin-bottom: 12.8px; }
dl dt { font-weight: bold; margin-top: 12.8px; }
dl dd { margin: 0; }

table { -webkit-font-feature-settings: "kern", "liga", "tnum"; -moz-font-feature-settings: "kern", "liga", "tnum"; -ms-font-feature-settings: "kern", "liga", "tnum"; font-feature-settings: "kern", "liga", "tnum"; border-collapse: collapse; margin: 12.8px 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #b7b7b7; font-weight: 600; padding: 12.8px 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 12.8px 0; }

tr, td, th { vertical-align: middle; }

body { -webkit-font-smoothing: antialiased; color: #222; font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; line-height: 1.6; }

h1 { font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 16px; line-height: 1.6; margin: 0 0 16px; margin: 0 0 1rem; }

h2, h3, h4, h5, h6 { color: #6f6f6f; font-weight: normal; font-size: 16px; line-height: 1.6; margin: 0 0 16px; margin: 0 0 1rem; }

h1 { font-size: 2.0736em; }

h2 { font-size: 1.728em; }

h3 { font-size: 1.44em; }

h4 { font-size: 1.2em; }

h5 { font-size: 0.8333333333em; }

h6 { font-size: 0.6944444444em; }

p { margin: 0 0 12.8px; }

a { color: #780113; text-decoration: none; }
a:active, a:focus, a:hover { color: #45010b; text-decoration: underline; }
a:active, a:focus { outline: none; }

hr { border-bottom: 1px solid #ddd; border-left: none; border-right: none; border-top: none; margin: 25.6px 0; }

img, picture { margin: 0; max-width: 100%; }

html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/*
*	Globals
*/
html, body { margin: 0; padding: 0; width: 100%; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; }

/* sticky footer from https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ */
html { height: 100%; }

body { height: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

.navigation, .site-footer { -webkit-box-flex: none; -moz-box-flex: none; box-flex: none; -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

header.navigation::before { content: ""; display: block; position: absolute; /* background-image: url(/assets/installers.svg);*/ background-size: cover; top: 3px; width: 42px; height: 48px; }

main { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

code { background-color: #eee; display: inline-block; border-radius: 3px; padding: 0 3px; }

blockquote { font-style: italic; }

address { font-style: normal; line-height: 1.4; }

/*
*	Navigation
*/
.navigation { padding: 0 1em; margin: 0; z-index: 100; position: fixed; width: 100%; background-color: #222; min-height: 60px; /*
*	Navigation Menu - http://refills.bourbon.io/unstyled/ (see "Navigation")
*/ }
.navigation .navigation-menu-button { display: block; float: right; margin: 0; font-size: 1.5em; color: #fff; padding: 0.5em; }
@media screen and (min-width: 960px) { .navigation .navigation-menu-button { display: none; } }
.navigation .navigation-wrapper { max-width: 75rem; margin-left: auto; margin-right: auto; position: relative; }
.navigation .navigation-wrapper::after { clear: both; content: ""; display: table; }
.navigation .navigation-wrapper::after { clear: both; content: ""; display: table; }
.navigation .site-info { float: left; color: #fff; }
.navigation .site-info:hover, .navigation .site-info:focus, .navigation .site-info:active { text-decoration: none; }
.navigation .site-info h1 { margin: 0; margin-top: 0.1em; font-size: 1.2em; }
@media screen and (min-width: 960px) { .navigation .site-info { padding-left: 16px; font-size: 1.3em; } }
.navigation nav { float: none; padding-top: 1em; }
@media screen and (min-width: 960px) { .navigation nav { float: right; line-height: 2.5em; } }
.navigation ul.navigation-menu { clear: both; display: none; margin: 0 auto; overflow: visible; padding: 0; width: 100%; }
@media screen and (min-width: 960px) { .navigation ul.navigation-menu { display: block; margin: 0; padding: 0; } }
.navigation ul.navigation-menu.show { display: block; }
.navigation ul li.nav-link { display: block; text-align: right; width: 100%; padding: 0.25em 0; }
@media screen and (min-width: 960px) { .navigation ul li.nav-link { background: transparent; display: inline; text-decoration: none; width: auto; } }
.navigation li.nav-link a { display: inline-block; color: #fff; text-transform: lowercase; font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media screen and (min-width: 960px) { .navigation li.nav-link a { padding-right: 1.5em; } }
@media screen and (min-width: 960px) { .navigation li.nav-link:last-child a { padding-right: 1em; } }

/*
*	Body
*/
#content-header { max-width: 75rem; margin-left: auto; margin-right: auto; }
#content-header::after { clear: both; content: ""; display: table; }

#content { max-width: 75rem; margin-left: auto; margin-right: auto; padding: 1em; }
#content::after { clear: both; content: ""; display: table; }

/*
*	index.html
*/
.post-list { padding-top: 1em !important; }

.post-meta { max-width: 75rem; margin-left: auto; margin-right: auto; padding: 0 1em; color: #7f7f7f; }
.post-meta::after { clear: both; content: ""; display: table; }
.post-meta .post-date { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; text-align: left; font-size: 0.9em; }
.post-meta .post-date:last-child { margin-right: 0; }
.post-meta .post-categories { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin-right: 0; text-align: right; font-size: 0.9em; }
.post-meta .post-categories:last-child { margin-right: 0; }

.pagination { padding-top: 2em; text-align: center; color: #7f7f7f; }
.pagination .page-number { padding: 0 1em; }

.site-header-container { color: #fff; background-color: #a55561; }
.site-header-container .site-header .title { font-size: 2.985984em; }
.site-header-container .site-header .subtitle { text-transform: uppercase; font-size: 1.2em; }

img { max-width: 100%; }

/* Lightbox font size fix */
.lb-data .lb-number { font-size: inherit; }

.btn { display: inline-block; /*font-size: 1.2rem;*/ padding: 0.4em 1em; margin: 0.5em 1em; text-align: center; /*white-space: nowrap;*/ vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid #780113; text-decoration: none; transition: all 0.3s ease-in-out; }
.btn:hover, .btn:focus { text-decoration: none; color: #fff; background-color: #780113; }

/* Headers */
#content-header { padding: 0; }

#page-title { padding-top: 6em; }
#page-title h1, #page-title p { max-width: 75rem; margin-left: auto; margin-right: auto; padding: 0 20px; margin-bottom: 0; font-weight: normal; }
#page-title h1::after, #page-title p::after { clear: both; content: ""; display: table; }
#page-title h1 { font-size: 1.4em; }
@media screen and (min-width: 640px) { #page-title h1 { font-size: 2em; } }
#page-title p { font-size: 1.2em; padding-bottom: 0.6em; }

.has-cover #content-header { width: 100%; max-width: 100%; padding: 0; position: relative; height: 60vh; background-position: 50% 40%; background-size: cover; }
@media screen and (min-width: 960px) { .has-cover #content-header { background-attachment: fixed; height: 80vh; } }
.has-cover #page-title { width: 100%; padding-top: 0; position: absolute; bottom: 0; }
.has-cover #page-title h1, .has-cover #page-title p { background-color: rgba(34, 34, 34, 0.6); color: #fff; }

/*
*	Footer
*/
.site-footer { width: 100%; margin: 0%; background-color: #333; color: white; }
.site-footer h2 { display: none; }
.site-footer .copyright { float: left; font-size: 0.8rem; line-height: 1em; padding-left: 1em; margin-top: 2rem; }
@media screen and (min-width: 960px) { .site-footer .copyright { font-size: 0.9rem; line-height: 1.1em; } }
.site-footer ul { float: right; list-style: none; line-height: 1em; }
.site-footer li { display: inline; padding: 0 0.7em; }
.site-footer .username { display: none; }
.site-footer a { color: white; font-size: 2rem; }
@media screen and (min-width: 960px) { .site-footer a { font-size: 3rem; } }
.site-footer a:active, .site-footer a:focus, .site-footer a:hover { color: white; text-decoration: none; }
.site-footer a:active, .site-footer a:focus { outline: none; }

/*
*	Posts
*/
.post ul { margin-bottom: 1em; }
.post .post-header-container .scrim { padding: 2em 1em 1em 1em; }
.post .post-meta { padding-bottom: 1em; }
.post .post-content { padding: 1em 0; }
.post .tags { font-size: 0.9em; }
.post .rss { margin: 1em 0 0 0; float: left; display: block; margin-right: 2.3576515979%; width: 100%; }
.post .rss:last-child { margin-right: 0; }
@media screen and (min-width: 960px) { .post .rss { margin: 1em 0; float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; }
  .post .rss:last-child { margin-right: 0; } }
.post .share { font-weight: bold; margin: 0 0 1em 0; float: left; display: block; margin-right: 2.3576515979%; width: 100%; }
.post .share:last-child { margin-right: 0; }
@media screen and (min-width: 960px) { .post .share { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin: 1em 0; text-align: right; }
  .post .share:last-child { margin-right: 0; } }
.post .share a { width: 1em; padding: 0 0.25em; text-decoration: none; }
.post .post-navigation { font-size: 0.9em; display: block; width: auto; }
.post .post-navigation .prev-post { display: block; width: 50%; float: left; margin: 1em 0; }
.post .post-navigation .next-post { display: block; width: 50%; float: left; margin: 1em 0; text-align: right; }

body #page-title h1 { /* background-image: url("../assets/installers.svg");*/ background-size: contain; background-repeat: no-repeat; background-position: right center; margin-right: 1em; padding-right: 4em; }
@media screen and (min-width: 640px) { body #page-title h1 { min-height: 100px; } }
body .downloads { border-top: 1px solid #ddd; }
body .terms, body aside { font-size: 0.85em; color: #7f7f7f; }
body .download-arch { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ddd; }
body .download-arch h3 { margin: 0; }
body .download-arch aside { margin-bottom: 1em; }
body .btn .fa { font-size: 1.2em; margin-right: 0.25em; }
body .btn .type-arch, body .btn .extra-info { font-size: 0.75em; }
body .hash { line-break: anywhere; font-size: 0.8em; background-color: transparent; }

link.nav-link.active { background-color: white; color: black; }