@import url("https://fonts.googleapis.com/css?family=Exo:300|Roboto:400,400i,700,700i");
/*$highlight-color: tint($action-color, 33%); #c3d5ff  */
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: #90b2ff; border-radius: 3px; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica Neue", "Helvetica", "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: #447cff; 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: #242424; border: 1px solid #aaa; margin: 0 0 14.4px; padding: 28.8px; }

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

label { font-weight: 600; margin-bottom: 7.2px; }

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: #0a0a0a; border: 1px solid #aaa; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 16px; margin-bottom: 14.4px; padding: 9.6px; transition: border-color; width: 100%; color: #fff; }

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: #919191; }

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: #90b2ff; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(119, 160, 255, 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: 7.2px; }

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

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

.site-footer .site-contact ul.social-media-list, .site-footer .site-navigation ul, ul.post-list, ul.default, ul.list-unstyled, ol.post-list, ol.default, ol.list-unstyled { list-style-type: none; margin: 0; padding: 0; }

ul { list-style-type: disc; margin-bottom: 14.4px; padding-left: 28.8px; }

ol { list-style-type: decimal; margin-bottom: 14.4px; padding-left: 28.8px; }

dl { margin-bottom: 14.4px; }

dl dt { font-weight: bold; margin-top: 14.4px; }

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: 14.4px 0; table-layout: fixed; width: 100%; }

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

td { border-bottom: 1px solid #aaa; padding: 14.4px 0; }

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

body { -webkit-font-smoothing: antialiased; color: #fff; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 17.6px; font-weight: normal; line-height: 1.8; }

h1, h2, h3, h4, h5, h6 { font-family: "Exo", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.8; 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 14.4px; }

a { color: #90b2ff; text-decoration: none; transition: color 0.3s ease-in-out; }

a:active, a:focus, a:hover { color: #f6f9ff; }

a:active, a:focus { outline: none; }

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

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

code { color: #aaa; }

html { box-sizing: border-box; }

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

/* Globals */
html, body { margin: 0; padding: 0; width: 100%; }

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

body { min-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; font-size: 14.4px; }

@media screen and (min-width: 640px) { body { font-size: 17.6px; } }

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

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 { display: inline-block; border-radius: 3px; padding: 0 3px; }

blockquote { font-style: italic; }

/* 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 { font-family: "Exo", "Helvetica Neue", "Helvetica", "Arial", sans-serif; text-transform: uppercase; text-align: right; color: #aaa; font-size: 0.9em; }

.pagination { padding-top: 2em; text-align: center; color: #444; }

.pagination .page-number { padding: 0 1em; }

.site-header-container { color: #fff; background-color: #f6f9ff; }

.site-header-container .site-header .title { font-size: 2.985984em; }

.site-header-container .site-header .subtitle { font-size: 1.2em; }

img { max-width: 100%; }

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

/* Page headers / cover images */
#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; color: #fff; font-weight: normal; }

#page-title h1::after, #page-title p::after { clear: both; content: ""; display: table; }

#page-title h1 { /*        font-size: 1.4em; @include media($mobile) { 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(0, 0, 0, 0.75); }

@media screen and (min-width: 640px) { .flex-fifty { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-fifty div { width: 50%; } }

.feature { text-align: center; padding: 1em; }

.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 #90b2ff; text-decoration: none; transition: all 0.3s ease-in-out; }

.btn:hover, .btn:focus { text-decoration: none; color: #000; background-color: #90b2ff; }

.page-actions { text-align: center; margin-top: 4em; margin-bottom: 4em; }

.icon::before { display: block; font: normal normal normal 14px/1 FontAwesome; font-size: 2em; text-rendering: auto; /*  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ }

.icon-inline::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1em; padding-right: 0.5em; text-rendering: auto; /*  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ }

.icon-rotate-90::before { transform: rotate(90deg); }

/* Navigation */
.navigation { /*border-bottom: 1px solid $light-gray;*/ padding: 0 1em; margin: 0; z-index: 100; position: fixed; width: 100%; background-color: #000; /* Navigation Menu - http://refills.bourbon.io/unstyled/ (see "Navigation") */ }

.navigation .site-title { float: left; color: #fff; text-decoration: none; height: 4em; /*margin-right: 4em;*/ /*    @include media ($tablet) { padding-left: $em-base; }*/ padding-left: 42px; background-image: url("/assets/icons/favicon-32x32.png"); background-position: center left; background-repeat: no-repeat; }

.navigation .site-title:active, .navigation .site-title:focus, .navigation .site-title:hover { color: #d9d9d9; }

.navigation .navigation-menu-button { color: #fff; display: block; float: right; margin: 0; font-size: 1.5em; padding-top: 0.5em; padding-right: 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 nav { float: none; padding-top: 0.5em; padding-bottom: 0.5em; }

@media screen and (min-width: 960px) { .navigation nav { float: right; /*line-height: 1.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 li.nav-link { display: block; text-align: right; width: 100%; padding: 0.25em 0; }

@media screen and (min-width: 960px) { .navigation li.nav-link { background: transparent; display: inline; text-decoration: none; width: auto; } }

.navigation li.nav-link a { font-size: 1.4em; display: inline-block; text-decoration: none; font-family: "Exo", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #fff; }

@media screen and (min-width: 960px) { .navigation li.nav-link a { padding-right: 1.5em; } }

.navigation li.nav-link a:active, .navigation li.nav-link a:focus, .navigation li.nav-link a:hover { color: #d9d9d9; }

@media screen and (min-width: 960px) { .navigation li.nav-link:last-child a { padding-right: 1em; } }

/* Footer */
.site-footer { padding: 1em 1em 2em 1em; border-top: 1px solid #0a0a0a; background-color: #000; color: #fff; /* Site Navigation (left) */ /* Contact Info (center) */ /* Site Description/Signature (right) */ }

.site-footer a { transition: none; text-decoration: underline; color: #fff; }

.site-footer a:active, .site-footer a:focus, .site-footer a:hover { text-decoration: none; }

.site-footer a:active, .site-footer a:focus { outline: none; }

.site-footer .wrapper { max-width: 75rem; margin-left: auto; margin-right: auto; }

.site-footer .wrapper::after { clear: both; content: ""; display: table; }

.site-footer .site-navigation { float: left; display: block; margin-right: 2.3576515979%; width: 100%; font-size: 0.9em; }

.site-footer .site-navigation:last-child { margin-right: 0; }

@media screen and (min-width: 640px) { .site-footer .site-navigation { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .site-footer .site-navigation:last-child { margin-right: 0; } }

@media screen and (min-width: 960px) { .site-footer .site-navigation { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .site-footer .site-navigation:last-child { margin-right: 0; } }

.site-footer .site-contact { margin-top: 1em; float: left; display: block; margin-right: 2.3576515979%; width: 100%; font-size: 0.9em; }

.site-footer .site-contact:last-child { margin-right: 0; }

@media screen and (min-width: 640px) { .site-footer .site-contact { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin-top: 0; margin-right: 0; } .site-footer .site-contact:last-child { margin-right: 0; } }

@media screen and (min-width: 960px) { .site-footer .site-contact { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; margin-top: 0; } .site-footer .site-contact:last-child { margin-right: 0; } }

.site-footer .site-contact i { width: 1.25em; text-align: center; }

.site-footer .site-contact ul.social-media-list li { display: inline-block; padding-right: 0.5em; }

.site-footer .site-contact ul.social-media-list a.icon { text-decoration: none; }

.site-footer .site-contact ul.social-media-list a.icon:hover, .site-footer .site-contact ul.social-media-list a.icon:active, .site-footer .site-contact ul.social-media-list a.icon:focus { color: #90b2ff; }

.site-footer .site-contact ul.social-media-list .username { display: none; }

.site-footer .site-signature { margin-top: 1em; float: left; display: block; margin-right: 2.3576515979%; width: 100%; font-size: 0.9em; }

.site-footer .site-signature:last-child { margin-right: 0; }

@media screen and (min-width: 960px) { .site-footer .site-signature { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; margin-right: 0; margin-top: 0; } .site-footer .site-signature:last-child { margin-right: 0; } }

.site-footer .site-signature img { width: 60%; }

.front #content-header { width: 100%; max-width: 100%; padding: 0; position: relative; height: 100vh; background-position: 40% 50%; background-size: auto 85%; background-image: url("/assets/PraxisLIVEv5-sm.jpg"); background-repeat: no-repeat; }

@media screen and (min-width: 640px) { .front #content-header { background-position: 50%; background-attachment: fixed; background-image: url("/assets/PraxisLIVEv5.jpg"); } }

@media screen and (min-width: 960px) { .front #content-header { background-position: 50%; } }

.front #page-title { background-color: rgba(0, 0, 0, 0.75); width: 100%; padding: 2em; position: absolute; bottom: 0; text-align: center; }

.front #page-title p { font-style: italic; }

.front #page-title h1, .front #page-title aside { display: none; }

@media screen and (min-width: 640px) { .front #page-title h1, .front #page-title aside { display: block; } }

.front #content { padding-top: 3rem; }

.front #content .intro { text-align: center; font-style: italic; }

.front #content .intro em { font-weight: bold; }

.front .btn-circle { width: 2em; padding: 0; font-size: 2rem; border: 2px solid #fff; border-radius: 100% !important; color: white; background: transparent; transition: background .3s ease-in-out; }

.front .btn-circle:hover, .front .btn-circle:focus { outline: none; color: white; background: rgba(255, 255, 255, 0.4); }

.core { background-image: url("/assets/core-bg-sm.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 90%; }

@media screen and (min-width: 960px) { .core { background-attachment: fixed; background-image: url("/assets/core-bg.jpg"); } }

.core main { max-width: 75rem; margin-left: auto; margin-right: auto; width: 100%; background-color: rgba(0, 0, 0, 0.7); text-align: center; }

.core main::after { clear: both; content: ""; display: table; }

.core .intro p { font-style: italic; }

@media screen and (min-width: 960px) { .core .intro { padding-left: 4em; padding-right: 4em; } }

.core .features { margin-bottom: 4em; }

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

.core h1, .core h2 { text-align: center; }

.download { /*main {*/ background-image: url("/assets/downloads-bg-sm.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 0%; /*}*/ }

@media screen and (min-width: 960px) { .download { background-attachment: fixed; background-image: url("/assets/downloads-bg.jpg"); } }

.download main { max-width: 75rem; margin-left: auto; margin-right: auto; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.4); }

.download main::after { clear: both; content: ""; display: table; }

.download #content { min-height: 100%; }

.download #content section { margin-top: 1em; margin-bottom: 1em; }

.download .downloads-info { font-size: 0.9em; }

.download .donation { padding: 1em; font-size: 0.9em; background-color: rgba(220, 20, 60, 0.2); }

.community #content-header { width: 100%; max-width: 100%; padding: 0; position: relative; height: 60vh; background-position: 50% 80%; background-size: cover; background-image: url("/assets/community.jpg"); }

@media screen and (min-width: 960px) { .community #content-header { background-attachment: fixed; height: 70vh; } }

.community #page-title { width: 100%; padding-top: 0; position: absolute; bottom: 0; }

.community #page-title h1, .community #page-title p { background-color: rgba(0, 0, 0, 0.75); }

.community #content section { margin-top: 2em; margin-bottom: 2em; }

/*.community {
  background-image: url("/assets/community.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 90%;
  background-attachment: fixed;
  
  main {
    @include outer-container;
    width: 100%;
    background-color: rgba($black, 0.7);
    text-align: center;
  }
  
  #content section {
    margin-top: 2em;
    margin-bottom: 2em;
  }

}*/
/* Posts */
.blog-post ul { margin-bottom: 1em; }

.blog-post .post-header-container .scrim { padding: 2em 1em 1em 1em; }

.blog-post .post-meta { padding-bottom: 0.5em; }

.blog-post .post-content { padding: 1em 0; }

.blog-post .tags { font-size: 0.9em; }

.blog-post .rss { margin: 1em 0 0 0; float: left; display: block; margin-right: 2.3576515979%; width: 100%; }

.blog-post .rss:last-child { margin-right: 0; }

@media screen and (min-width: 960px) { .blog-post .rss { margin: 1em 0; float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .blog-post .rss:last-child { margin-right: 0; } }

.blog-post .share { font-weight: bold; margin: 0 0 1em 0; float: left; display: block; margin-right: 2.3576515979%; width: 100%; }

.blog-post .share:last-child { margin-right: 0; }

@media screen and (min-width: 960px) { .blog-post .share { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin: 1em 0; text-align: right; } .blog-post .share:last-child { margin-right: 0; } }

.blog-post .share a { width: 1em; padding: 0 0.25em; text-decoration: none; }

.blog-post .post-navigation { font-size: 0.9em; display: block; width: auto; }

.blog-post .post-navigation .prev-post { display: block; width: 50%; float: left; margin: 1em 0; }

.blog-post .post-navigation .next-post { display: block; width: 50%; float: left; margin: 1em 0; text-align: right; }

.posts-list { box-sizing: border-box; max-width: 100%; }

.posts-list a { height: 100%; display: block; padding: 1em; transition: background-color 0.5s ease; color: #fff; }

.posts-list a::after { clear: both; content: ""; display: table; }

.posts-list a:hover, .posts-list a:focus { color: #fff; text-decoration: none; background-color: #444; }

.posts-list h2 { font-size: 1.5em; margin-bottom: 0; }

.posts-list .post-date { font-family: "Exo", "Helvetica Neue", "Helvetica", "Arial", sans-serif; text-transform: uppercase; text-align: right; color: #aaa; font-size: 0.9em; }

.posts-list .post-image { margin: 0; padding: 0; box-sizing: border-box; }

.posts-list .post-image.empty { background-image: url("/assets/icons/ms-icon-310x310.png"); background-size: cover; background-position: 50%; min-height: 180px; }

.blog .rss { margin: 1em 0 0 0; }

@media screen and (min-width: 640px) { .posts-list { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .posts-list .post { width: 50%; min-width: 370px; } }

@media screen and (min-width: 960px) { .posts-list .post { width: 33%; min-width: 370px; } }

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