@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Content background and border color
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Header and navigation
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Text colors
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Misc
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Forms
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Form buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Information message box
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Scrollbars
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Import stylesheet
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Import variables
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Line height
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Font families
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Text font sizes
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Heading font sizes
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Content widths
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Selection
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
::selection {
  background: #BBB;
  color: #000; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Placeholders
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
::placeholder {
  color: #8D9AA7;
  opacity: 0.5; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Scrollbars
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* {
  scrollbar-color: #838994 #2E3440; }
  *::-webkit-scrollbar {
    width: 0.75rem; }
    *::-webkit-scrollbar-track {
      background: #2E3440; }
    *::-webkit-scrollbar-thumb {
      background: #838994;
      background-clip: padding-box;
      border: 0.15rem solid transparent; }
      *::-webkit-scrollbar-thumb:hover {
        background: #4C566A;
        background-clip: padding-box;
        border: 0.15rem solid transparent; }
    *::-webkit-scrollbar-corner {
      background: transparent; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Hyperlinks
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a {
  color: #5EA4D3;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:focus {
    background: #42474E; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Headings
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
h1, h2, h3 {
  margin-bottom: 0; }
  h1 + p, h2 + p, h3 + p {
    margin-top: 0; }
  h1 .fa, h2 .fa, h3 .fa {
    margin-right: 0.25rem; }

h1 {
  margin-top: 0;
  font-size: 0.8rem; }

h2 {
  font-size: 0.7rem; }

h3 {
  font-size: 0.65rem; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Document
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html, body {
  margin: 0;
  padding: 0; }

html {
  font-size: 1.25rem;
  color: #9DAAB7;
  background: url("../img/noise-dark.png") #3D434B;
  -webkit-hyphens: auto;
  word-break: break-word;
  hyphens: auto; }

body {
  font-family: "Ruda", "sans-serif";
  font-size: 0.7rem;
  line-height: 1.2rem;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Main content
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-content {
  flex: 1;
  width: 100%;
  background: #3D434B;
  box-sizing: border-box;
  padding: 0.75rem; }
  #main-content.wide {
    max-width: 90rem; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Width
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-content, .header-content {
  max-width: 50rem;
  margin: 0 auto; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-header {
  font-size: 0.6rem; }

#header-text {
  font-size: 0.8rem;
  text-transform: uppercase; }
#header-desc {
  line-height: 1rem; }
#header-text, #header-desc {
  text-shadow: 0 -1px #4E718F, 1px 0 #4E718F, 0 1px #4E718F, -1px 0 #4E718F;
  color: #333;
  font-weight: bold; }
#header-logo {
  display: block;
  max-height: 5rem;
  float: left;
  margin-right: 0.5rem; }

.header-line {
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  background: #32373E; }
  .header-line + .header-line {
    border: 0.05rem solid #1D232B;
    border-left: none;
    border-right: none; }
  .header-line.background {
    background: #5E819F;
    position: sticky;
    top: 0; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-footer {
  font-size: 0.6rem;
  background: #32373E;
  border-top: 0.05rem solid #1D232B;
  padding: 0.5rem 0.75rem;
  text-align: center; }
  #main-footer ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #main-footer ul li {
      display: inline; }
      #main-footer ul li .fa {
        margin-right: 0.125rem; }
    #main-footer ul li:after {
      content: " – ";
      font-weight: bold; }
    #main-footer ul li:last-child:after {
      content: none; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Main Navigation
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-navi ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #main-navi ul li {
    display: inline; }
    #main-navi ul li .fa {
      margin-right: 0.25rem; }
  #main-navi ul li:last-child {
    float: right; }
  #main-navi ul li:first-child {
    float: none; }
#main-navi a {
  padding: 0.1rem 0.3rem;
  background: #2D333B;
  border: 0.05rem solid #1D232B;
  color: inherit;
  text-decoration: none;
  text-align: center;
  display: inline-block; }
  #main-navi a:hover, #main-navi a:focus {
    text-decoration: none;
    background: #1D232B; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Site Navigation
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#site-navi {
  clear: both;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  margin-top: 0.75rem; }
  #site-navi > div {
    display: flex;
    align-items: center;
    border: 0.05rem solid #1D232B;
    background: #32373E; }
    #site-navi > div > a {
      display: block; }
  #site-navi .disabled {
    pointer-events: none;
    color: #1D232B; }
  #site-navi ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    #site-navi ol li {
      float: left;
      display: inline-block; }
      #site-navi ol li + li {
        border-left: 0.05rem solid #1D232B; }
      #site-navi ol li.active a {
        background: #42474E;
        font-weight: 600;
        pointer-events: none; }
  #site-navi a {
    padding: 0 0.5rem;
    text-decoration: none;
    color: inherit;
    display: inline-block; }
    #site-navi a:hover, #site-navi a:focus {
      background: #1D232B; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Actions
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.actions {
  margin: 0 0 0.5rem 0;
  padding: 0;
  list-style: none;
  font-size: 0.6rem;
  float: right;
  text-align: center; }
  .actions .fa {
    margin-right: 0.1rem; }
  .actions li {
    display: inline-block;
    font-weight: bold;
    background: #32373E;
    border: 0.05rem solid #1D232B; }
  .actions a {
    color: inherit;
    display: block;
    padding: 0 0.25rem;
    text-decoration: none; }

.actions-before {
  float: left; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Elements
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
pre {
  margin-bottom: 1rem;
  overflow: auto;
  -moz-tab-size: 4;
  tab-size: 4;
  background: #32373E;
  padding: 0.5rem;
  border: 0.05rem solid #1D232B; }

code, pre {
  font-family: "monospace"; }

code {
  color: #FFB830; }

p {
  margin-top: 0; }

img {
  border: none;
  max-width: 100%; }

.warning {
  color: #FFB830; }

.hidden {
  display: none; }

.no-visual-list {
  margin: 0;
  padding: 0;
  list-style: none; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Item Element
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.item {
  display: flex;
  flex-direction: column;
  border: 0.05rem solid #1D232B;
  margin-bottom: 0.75rem;
  clear: both; }
  .item header {
    padding: 0.5rem 0.75rem;
    border-bottom: 0.05rem solid #1D232B;
    position: sticky;
    top: 0; }
    .item header h2 {
      margin-top: 0; }
  .item footer {
    border-top: 0.05rem solid #1D232B; }
    .item footer ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .item footer ul li {
        display: inline-block;
        float: left; }
        .item footer ul li:last-child {
          float: right; }
    .item footer a {
      color: inherit;
      display: inline-block;
      padding: 0.25rem 2rem; }
      .item footer a:hover, .item footer a:active {
        background: #42474E; }
  .item header, .item footer {
    background: #32373E;
    overflow: hidden; }
  .item blockquote {
    margin: 0;
    padding: 0.75rem;
    overflow: hidden;
    font-family: inherit;
    flex-grow: 1; }
    .item blockquote p {
      margin-bottom: 0; }
  .item-id {
    float: right;
    color: #8D9AA7;
    font-size: 0.7rem;
    font-weight: normal; }
  .item-meta {
    margin: 0;
    padding: 0;
    list-style: none; }
    .item-meta li {
      display: inline-block; }
      .item-meta li + li:before {
        content: " – "; }
      .item-meta li.item-meta-right {
        float: right;
        font-size: 0.6rem; }
      .item-meta li.item-meta-right:before {
        content: none; }
  .item-image {
    float: left;
    display: block;
    margin-right: 0.75rem;
    width: 10rem;
    height: 7rem;
    object-fit: cover;
    background: #32373E;
    border: 0.05rem solid #1D232B; }
  .item-container.grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem; }
    .item-container.grid .item {
      margin-bottom: 0; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Argument list
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.arguments {
  list-style: none;
  margin: 0;
  padding: 0.25rem 0.75rem;
  background: #32373E;
  font-size: 0.6rem;
  text-align: center;
  border-top: 0.05rem solid #1D232B; }
  .arguments li {
    display: inline; }
    .arguments li > code {
      font-family: inherit;
      color: #8D9AA7; }
    .arguments li:after {
      content: " · ";
      font-weight: bold; }
    .arguments li:last-child:after {
      content: none; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Grids
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.form-grid {
  clear: both;
  display: grid;
  grid-template-columns: repeat(2, 7.5rem minmax(0, 1fr));
  border-left: 0.05rem solid #1D232B;
  border-bottom: 0.05rem solid #1D232B; }
  .form-grid.two-columns {
    grid-template-columns: 1fr 2fr; }
  .form-grid.no-bottom-border {
    border-bottom: none; }
  .form-grid > label {
    display: flex;
    align-items: center;
    background: #4D535B; }
    .form-grid > label .fa {
      margin: 0 0.5rem; }
  .form-grid-item,
  .form-grid > label {
    padding: 0.5rem;
    border-top: 0.05rem solid #1D232B;
    border-right: 0.05rem solid #1D232B; }
  .form-grid-item.first {
    grid-column: span 3; }

.form-border-box {
  border: 0.05rem solid #1D232B; }
  .form-border-box.padding {
    padding: 0.5rem; }
  .form-border-box.background {
    background: #4D535B; }
  .form-border-box.nobordertop {
    border-top: none; }
  .form-border-box + .form-border-box {
    border-top: none; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Form buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#emoticon-list-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  box-sizing: border-box; }

#button-list-wrapper {
  border-bottom: 0.05rem solid #1D232B;
  background: #32373E;
  overflow: hidden; }

.button-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.button-list.emoticons > li {
  font-size: 1.25rem;
  display: inline-block;
  padding: 0.2rem;
  border-bottom: 0.2rem solid transparent;
  border-radius: 0.1rem;
  cursor: pointer; }
  .button-list.emoticons > li:hover, .button-list.emoticons > li:active {
    border-bottom: 0.2rem solid #1D232B; }

.button-list.markdown > li {
  float: left;
  padding: 0.25rem;
  cursor: pointer;
  width: 1.75rem;
  box-sizing: border-box;
  text-align: center; }
  .button-list.markdown > li:hover, .button-list.markdown > li:active {
    color: #CDDAE7; }

#content-editor {
  border: none;
  margin: 0; }
  #content-editor-wrapper {
    border-top: none; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Form elements
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
input, select, textarea {
  width: 100%;
  background: #32373E;
  color: #8D9AA7;
  font-family: inherit;
  font-size: 0.7rem;
  padding: 0.25rem;
  border: 0.05rem solid #1D232B;
  box-sizing: border-box; }
  input:focus, select:focus, textarea:focus {
    outline: none; }

textarea {
  font-family: "Kadwa", "sans-serif";
  box-sizing: border-box;
  display: block;
  resize: vertical;
  min-height: 15rem;
  line-height: 1.2rem;
  padding: 0.5rem;
  -webkit-hyphens: none;
  hyphens: none;
  cursor: auto; }

input[type="submit"] {
  text-transform: uppercase;
  border-radius: 0.1rem; }

label {
  text-transform: uppercase;
  font-weight: normal; }
  label:after {
    content: ":"; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Form buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#insert-button, #update-button, #delete-button {
  color: #CCC;
  border: 0.05rem solid #404040; }

#insert-button {
  background: #396644; }
  #insert-button:active, #insert-button:focus {
    background: #27452e; }

#update-button {
  background: #597186; }
  #update-button:active, #update-button:focus {
    background: #455767; }

#delete-button {
  background: #8F4F55; }
  #delete-button:active, #delete-button:focus {
    background: #6e3d41; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Form message list
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#message-list {
  margin: 0;
  padding: 0.5rem;
  list-style: none;
  background: #8C434A;
  color: #BBB;
  font-size: 0.6rem; }
  #message-list-wrapper {
    clear: both;
    margin-bottom: 0.5rem;
    border: 0.1rem solid #6a3238; }
  #message-list code {
    color: inherit;
    font-weight: bold; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Search form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#search-form {
  margin-bottom: 1rem; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Import other files
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 90em) {
  .item-container.grid {
    grid-template-columns: 1fr 1fr; } }
@media only screen and (min-width: 62.5em) {
  #main-content {
    border: 0.05rem solid #1D232B;
    border-top: none;
    border-bottom: none; } }
@media only screen and (max-width: 62.5em) {
  .item-container.grid {
    grid-template-columns: 1fr; } }
@media only screen and (max-width: 50em) {
  html {
    font-size: 1.125rem;
    /*18px*/ } }
@media only screen and (max-width: 37.5em) {
  #main-content {
    padding: 0.5rem; }

  #main-navi {
    font-size: 1rem; }
    #main-navi ul li span {
      display: none; }
    #main-navi ul li .fa {
      margin-right: 0; }
    #main-navi a {
      padding: 0.5rem; }

  #emoticon-list-wrapper {
    display: none; }

  .item-container.grid {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    column-gap: 0.75rem;
    row-gap: 0.75rem; }

  .form-grid {
    grid-template-columns: 7rem 1fr; }
    .form-grid-item, .form-grid-item.first, .form-grid label {
      grid-column: unset; }

  .actions {
    float: none;
    display: flex;
    width: 100%;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box; }
    .actions-before {
      float: none; }
    .actions li {
      flex-grow: 1; }
      .actions li + li {
        border-left: none; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Fontello
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.fa:before {
  font-family: "Fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Font Awesome icons
# ------------------
# Copyright (C) 2016 by Dave Gandy
# Author: Dave Gandy
# License: SIL
# Homepage: http://fortawesome.github.com/Font-Awesome/
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.fa-pencil:before {
  content: '\e800'; }

.fa-comment:before {
  content: '\e801'; }

.fa-chat:before {
  content: '\e802'; }

.fa-users:before {
  content: '\e803'; }

.fa-cancel:before {
  content: '\e804'; }

.fa-plus:before {
  content: '\e805'; }

.fa-list:before {
  content: '\e80b'; }

.fa-arrow-down:before {
  content: '\e80e'; }

.fa-arrow-up:before {
  content: '\e811'; }

.fa-arrows-cw:before {
  content: '\e813'; }

.fa-tag:before {
  content: '\e815'; }

.fa-tags:before {
  content: '\e816'; }

.fa-star:before {
  content: '\e817'; }

.fa-star-empty:before {
  content: '\e818'; }

.fa-eye:before {
  content: '\e81a'; }

.fa-ok:before {
  content: '\e81b'; }

.fa-info-circled:before {
  content: '\e81c'; }

.fa-home:before {
  content: '\e81d'; }

.fa-attach:before {
  content: '\e81e'; }

.fa-cog:before {
  content: '\e81f'; }

.fa-check:before {
  content: '\e821'; }

.fa-floppy:before {
  content: '\e822'; }

.fa-eye-off:before {
  content: '\e823'; }

.fa-folder-open:before {
  content: '\e824'; }

.fa-wrench:before {
  content: '\e825'; }

.fa-search:before {
  content: '\f002'; }

.fa-envelope-o:before {
  content: '\f003'; }

.fa-user:before {
  content: '\f007'; }

.fa-trash-o:before {
  content: '\f014'; }

.fa-clock-o:before {
  content: '\f017'; }

.fa-book:before {
  content: '\f02d'; }

.fa-bold:before {
  content: '\f032'; }

.fa-italic:before {
  content: '\f033'; }

.fa-picture-o:before {
  content: '\f03e'; }

.fa-pencil-square-o:before {
  content: '\f044'; }

.fa-arrow-left:before {
  content: '\f060'; }

.fa-arrow-right:before {
  content: '\f061'; }

.fa-exclamation-triangle:before {
  content: '\f071'; }

.fa-key:before {
  content: '\f084'; }

.fa-sign-out:before {
  content: '\f08b'; }

.fa-external-link:before {
  content: '\f08e'; }

.fa-sign-in:before {
  content: '\f090'; }

.fa-github-square:before {
  content: '\f092'; }

.fa-uncheck:before {
  content: '\f096'; }

.fa-link:before {
  content: '\f0c1'; }

.fa-menu:before {
  content: '\f0c9'; }

.fa-list-ul:before {
  content: '\f0ca'; }

.fa-list-ol:before {
  content: '\f0cb'; }

.fa-dashboard:before {
  content: '\f0e4'; }

.fa-comment-empty:before {
  content: '\f0e5'; }

.fa-chat-empty:before {
  content: '\f0e6'; }

.fa-file-text-o:before {
  content: '\f0f6'; }

.fa-quote-left:before {
  content: '\f10d'; }

.fa-quote-right:before {
  content: '\f10e'; }

.fa-smile:before {
  content: '\f118'; }

.fa-frown:before {
  content: '\f119'; }

.fa-meh:before {
  content: '\f11a'; }

.fa-keyboard:before {
  content: '\f11c'; }

.fa-code:before {
  content: '\f121'; }

.fa-attention-alt:before {
  content: '\f12a'; }

.fa-sort-name-up:before {
  content: '\f15d'; }

.fa-sort-name-down:before {
  content: '\f15e'; }

.fa-sort-up:before {
  content: '\f160'; }

.fa-sort-down:before {
  content: '\f161'; }

.fa-sort-number-up:before {
  content: '\f162'; }

.fa-sort-number-down:before {
  content: '\f163'; }

.fa-sun:before {
  content: '\f185'; }

.fa-moon:before {
  content: '\f186'; }

.fa-box:before {
  content: '\f187'; }

.fa-bug:before {
  content: '\f188'; }

.fa-language:before {
  content: '\f1ab'; }

.fa-database:before {
  content: '\f1c0'; }

.fa-file-archive:before {
  content: '\f1c6'; }

.fa-header:before {
  content: '\f1dc'; }

.fa-newspaper-o:before {
  content: '\f1ea'; }

.fa-at:before {
  content: '\f1fa'; }

.fa-toggle-off:before {
  content: '\f204'; }

.fa-toggle-on:before {
  content: '\f205'; }

.fa-user-secret:before {
  content: '\f21b'; }

.fa-server:before {
  content: '\f233'; }

.fa-commenting:before {
  content: '\f27a'; }

.fa-commenting-o:before {
  content: '\f27b'; }

.fa-user-circle-o:before {
  content: '\f2be'; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Font "Font Awesome" [4.7.0] (by Fontello): SIL Open Font License (OFL)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@font-face {
  font-family: "Fontello";
  font-weight: 400;
  font-style: normal;
  src: url("../font/fontello.woff2") format("woff2"); }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Font "Kadwa": SIL Open Font License (OFL)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@font-face {
  font-family: "Kadwa";
  font-weight: 400;
  src: url("../font/kadwa-n-400.woff2") format("woff2"); }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Font "Ruda": SIL Open Font License (OFL)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@font-face {
  font-family: "Ruda";
  font-weight: 400;
  src: url("../font/ruda-n-400.woff2") format("woff2"); }
@font-face {
  font-family: "Ruda";
  font-weight: 700;
  src: url("../font/ruda-n-700.woff2") format("woff2"); }
#theme-toogle-dark {
  display: none; }