@charset "UTF-8";
/**
 * z-index list of importance
 * 10000 - Laravel Debug Bar. NEVER SURPASS.
 *  9999 - jQuery Blocker Overlay.
 *  1200 - Attachment previews.
 *  1100 - Hover-over posts.
 *  1000 - Boardlist, top. Should be highest element on boards and threads.
 *  1000 - Post form.
 *    10 - Post action links.
 *     5 - Post attachment.
 *     1 - Global Footer
 *     0 - Board Sidebar
 */
/**
 * Elements
 */
/**
 * Global tag definitions
 */
html,
body {
  background-color: #EEF2FF;
  background-image: linear-gradient(to bottom, #D1D5EE 0%, #D1D5EE 40px, #EEF2FF 240px, #EEF2FF 100%);
  box-sizing: border-box;
  height: auto;
  width: 100%;
  min-width: 300px;
  min-height: 100vh;
  margin: 0;
  padding: 0; }

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 320px;
  color: #111111;
  -webkit-text-size-adjust: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; }

[dir='ltr'],
.ltr {
  direction: ltr;
  text-align: left; }

[dir='rtl'],
.rtl {
  direction: rtl;
  text-align: right; }

#page-container {
  position: relative;
  flex: 1;
  /*
        Microsoft is a piece of shit and I hope they all get ass cancer.
        For whatever reason, flex items in MS11 do not have a height.
        Instead, the main body gets a height of 0, and the footer appears
        right below the header.

        I've tried many other alternatives to this but there doesn't seem
        to be a way to have a flexible height sticky footer.
        The only solution is to use the easy layout for all modern browsers
        and let IE degrade gracefully, with the footer appearing where it
        would be without Flexbox.
    */
  -ms-flex: none; }

a,
a:link,
a:visited,
a:hover {
  color: #34345C;
  text-decoration: none; }

a:hover {
  color: #ff0000; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

button,
a.button {
  display: inline-block;
  padding: 0.2em 1em 0.25em;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid #34345C;
  box-sizing: border-box;
  outline: 0;
  cursor: pointer;
  color: #34345C;
  font-size: 1.07142857142857em;
  font-weight: bold;
  line-height: 1.4545em;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  vertical-align: middle; }

button:hover,
a.button:hover {
  background: #34345C;
  color: #FFFFFF; }

button:disabled,
a.button.disabled {
  background: #ffffff;
  border: 1px solid #ccc;
  color: #ccc;
  cursor: default; }

button:disabled:hover,
a.button.disabled:hover {
  background: #ffffff;
  border: 1px solid #ccc;
  color: #ccc; }

button.field-delete,
button.reject,
button.delete {
  border-color: #5C3434;
  color: #5C3434; }

button.field-delete:hover,
button.reject:hover,
button.delete:hover {
  background: #5C3434;
  color: #FFF; }

button.approve {
  border-color: #4F9E2E;
  color: #4F9E2E; }

button.approve:hover {
  background: #4F9E2E;
  color: #FFF; }

input,
textarea,
select {
  background: #fff;
  border-radius: 0px;
  border: 1px solid #ccc;
  color: #2a2a2a; }

input:focus,
textarea:focus,
select:focus {
  outline: none; }

/* Tables */
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%; }

table thead th {
  border-top: none;
  padding: 0.5em;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

table tbody tr.row-inactive {
  opacity: 0.4; }

table tbody tr.row-inactive:hover {
  opacity: 1; }

table tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.05); }

table tbody td {
  padding: 0.35em 0.75em; }

/*
 * Generic Classes
 */
.ugc {
  /*
        DO NOT PUT THIS HERE
        It stops post bodies from wrapping their images!

        overflow: hidden;
    */ }

/* Function */
.selfclear::after {
  display: block;
  content: ' ';
  clear: both; }

/* Design */
.smooth-box {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  padding: 1.5em;
  overflow: hidden; }

.infobox {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 0.25em; }

.infobox .infobox-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: bold;
  color: #34345C;
  padding: 0.5em; }

.infobox .infobox-info {
  padding: 0.4em 0.6em 0.4em 0.6em;
  min-height: 73px; }

.infobox .infobox-info p {
  margin: 0 0 0.4em 0; }

.loading {
  padding-top: 80px;
  background: center 4px url("/static/img/assets/infinity.gif") no-repeat; }

/**
 * Feature Responsiveness
 */
html.no-js .no-js,
html.js .require-js {
  display: initial; }

html.no-js .require-js,
html.js .no-js {
  display: none !important; }

.no-mobile {
  display: none; }

.only-mobile {
  display: initial; }

.tablet-or-larger {
  display: none; }

/**
 * Main Content
 */
main {
  padding: 0 0 1em 0;
  position: relative; }

/**
 * Forms
 */
form {
  margin: 0 auto; }

.form-messages {
  display: block;
  margin: 0;
  padding: 0; }

.form-message {
  display: block;
  border-radius: 1.5em;
  padding: 0.25em 1em;
  margin: 0.2em 0;
  border: 1px solid #7f7f7f;
  background: #d5d5d5;
  color: #7f7f7f; }

.form-message a:link,
.form-message a:visited {
  font-weight: bold;
  text-decoration: underline; }

html.js .form-message {
  cursor: pointer; }

.form-message::before {
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10c";
  margin: 0 0.5em 0 -0.25em; }

.form-message:last-child {
  margin-bottom: 1em; }

.form-message.message-info {
  border: 1px solid #60859f;
  background: #cbd7df;
  color: #60859f; }

.form-message.message-info::before {
  content: "\f05a"; }

.form-message.message-success {
  border: 1px solid #4cb266;
  background: #c5e6cd;
  color: #4cb266; }

.form-message.message-success::before {
  content: "\f00c"; }

.form-message.message-error {
  border: 1px solid #B74B47;
  background: #F9B5B2;
  color: #B74B47; }

.form-message.message-error::before {
  content: "\f071"; }

.form-fields {
  border: none;
  padding: 0 0 1em 0;
  margin: 0; }

.form-legend {
  font-weight: bold;
  margin: 0;
  padding: 0; }

.field {
  margin: 1em 0;
  position: relative; }

.field-label,
.field-lock {
  display: inline;
  line-height: 1.4; }

.label-inline .field-label {
  background: none;
  padding: 0.2em 0.4em;
  color: #dee0df;
  line-height: 1.4em;
  font-size: 120%;
  position: absolute;
  width: auto;
  top: 1px;
  left: 1px; }

.field-description {
  display: block;
  color: #AAA;
  font-size: 0.8em;
  margin: 0.1em 0 0.25em 0; }

.field-lock {
  padding-left: 0.5em; }

.field-lockbox {
  vertical-align: text-bottom; }

.row-inline {
  display: inline-block;
  margin: 0 1em 0 0; }

.field-control {
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin: 0;
  padding: 0.2em 0.4em;
  width: 100%;
  font-size: 120%;
  line-height: 1.4545em; }

select.field-control {
  height: 1.9em; }

span.field-control {
  border-color: transparent; }

.field-control[type="checkbox"],
.field-control[type="radio"] {
  display: inline-block;
  border: none;
  margin: 0 0.5em 0 0;
  width: auto; }

.row-inline .field-control {
  display: inline-block;
  width: auto; }

.label-inline .field-control {
  padding-left: 5em; }

.label-inline .field-control:focus + .field-label {
  /* border: 1px solid #34345C;
            color: #d6daf0; */ }

.field-control.control-valid {
  background: #c5e6cd;
  border: 1px solid #4cb266;
  color: #4cb266; }

.field-control.control-invalid {
  background: #F9B5B2;
  border: 1px solid #B74B47;
  color: #B74B47; }

.row-associate {
  padding-top: 0.75em;
  border-top: 1px dashed rgba(0, 0, 0, 0.2); }

.row-associate .field-label {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2; }

.row-captcha {
  background: #ffffff center 4px url("/static/img/assets/infinity.gif") no-repeat;
  border: 1px solid darkgray;
  width: 280px;
  margin-left: auto;
  margin-right: auto; }

.row-captcha .field-label {
  display: block;
  text-align: center; }

.row-captcha .field-control {
  border: none;
  border-top: 1px solid darkgray; }

.row-captcha img.captcha {
  width: auto;
  max-width: 100%;
  height: 70px; }

.row-captcha .captcha-loading {
  padding-top: 80px;
  background: center 4px url("/static/img/assets/infinity.gif") no-repeat; }

.row-captcha .captcha-loading img.captcha {
  display: none; }

/**
 * Page Construction
 */
/* Page Header */
header {
  /* background: #fff;
	border-top: 4.5em solid rgba(0,0,0,0); */
  color: #333;
  padding: 0 0 0 0;
  margin: 0 0 1em 0; }

/* header.header-height-1 {
		border-top: 2.5em solid rgba(0,0,0,0);
	} */
figure.page-head {
  display: block;
  margin: 1em auto 1em auto;
  max-width: 960px;
  text-align: center; }

#logo {
  display: block;
  margin: 0 auto;
  max-width: 300px;
  max-height: 100px; }

h1.page-title {
  color: #333;
  margin: 0.2em 0 0 0;
  /* Fixes "/Arabic - /wew" */
  direction: ltr; }

.board-favorite.fa {
  display: none;
  color: #aaa;
  cursor: pointer;
  margin-left: 0.25em; }

html.js .board-list .board-favorite {
  display: block;
  float: left;
  margin: 0 0.25em 0 0;
  font-size: 1.2em;
  line-height: 1.2; }

html.js.localstorage body.view-board h1.page-title .board-favorite {
  position: absolute;
  display: inline;
  line-height: 1.1em;
  margin: 0.2em 0 0 0;
  padding: 0 0 0 0.2em; }

.fa.board-favorited {
  color: #FFC800; }

html.js body.view-board.board-int h1.page-title .fa:before,
html.js body.view-board.board-ints h1.page-title .fa:before,
html.js body.view-board.board-intl h1.page-title .fa:before {
  content: '✡';
  font-size: 1.2em;
  font-weight: bold; }

h2.page-desc {
  color: #333;
  margin: 0;
  font-size: 1em;
  font-weight: normal; }

h2.page-desc #sudo-lecture {
  display: block;
  margin: 0 auto;
  width: 450px;
  font-family: monospace;
  text-align: left;
  white-space: pre; }

ul.page-links {
  display: block;
  margin: 0.5em 0 0 0; }

li.page-link {
  display: inline-block; }

li.page-link::after {
  display: inline-block;
  content: '|';
  margin: 0 0.25em; }

li.page-link:last-child::after {
  display: none; }

/* Page Footer */
footer {
  z-index: 1;
  clear: both;
  padding: 0;
  margin: 0; }

#canary-bird {
  height: 0;
  width: 0;
  margin: 0;
  overflow: visible; }

#canary-img {
  position: absolute;
  bottom: auto;
  right: 1em;
  height: auto;
  width: auto;
  max-width: 3em;
  max-height: 3em; }

#footnotes {
  background: #333;
  padding: 0.5em 0;
  color: #ffffff;
  font-size: 16px;
  text-align: center; }

#footnotes .agpl-compliance {
  color: #ffffff;
  text-decoration: underline; }

/**
 * Vendor
 */
/**
 * InstantClick.js
 */
#instantclick-bar {
  background: #239623; }

/**
 * Nav
 */
/* Navigation */
nav.gnav {
  background: #EEF2FF;
  border-bottom: 1px solid #dedede;
  padding: 0;
  margin: 0;
  height: 39px;
  width: 100%;
  position: relative;
  z-index: 1000; }

nav.gnav div.gnav-binder {
  position: relative; }

nav.gnav ul.gnav-groups,
nav.gnav li.gnav-group,
nav.gnav ul.gnav-items,
nav.gnav li.gnav-item {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 18px;
  overflow: hidden;
  height: 40px; }

nav.gnav li.gnav-item {
  display: inline-block;
  padding: 0; }

nav.gnav li.gnav-item.item-config {
  cursor: pointer; }
  [dir='rtl'] nav.gnav li.gnav-item.item-config {
    float: left; }
  [dir='ltr'] nav.gnav li.gnav-item.item-config {
    float: right; }

nav.gnav li.gnav-item .gnav-link {
  display: inline-block;
  font-size: 14px;
  margin: 0 7px;
  padding: 11px 2px;
  text-decoration: none;
  vertical-align: top; }

nav.gnav li.gnav-item.gnav-active .gnav-link {
  border-bottom: 3px solid #AF0A0F;
  padding-bottom: 8px;
  color: #AF0A0F; }

nav.gnav .flyout {
  display: none;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  min-width: none;
  height: auto;
  max-height: none;
  min-height: 200px;
  margin: 40px 0 0 0;
  padding: 0 20px;
  pointer-events: none;
  overflow: hidden; }
  body.ltr nav.gnav .flyout {
    left: -20px; }
  body.rtl nav.gnav .flyout {
    right: -20px; }

nav.gnav .flyout.flyout-open {
  display: block; }

nav.gnav .flyout-container {
  box-sizing: border-box;
  max-width: 100%;
  background: #EEF2FF;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede; }

nav.gnav .flyout-header {
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  padding: 12px 12px 6px 12px;
  pointer-events: all;
  border-bottom: 1px solid #dedede; }

nav.gnav .flyout-headlink {
  display: block; }

nav.gnav .flyout-cols {
  display: block;
  width: 100%;
  pointer-events: all;
  white-space: nowrap;
  overflow: hidden;
  direction: ltr; }

nav.gnav .flyout-cols:after {
  content: ' ';
  display: block;
  clear: both; }

#favorite-boards {
  display: none; }

nav.gnav .flyout-col-title {
  font-size: 1.3em;
  font-weight: bold;
  padding: 12px 12px 6px 12px; }

nav.gnav .flyout-col {
  display: block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  border-left: 1px solid #dedede;
  border-right: 1px solid transparent;
  padding: 0 1px 12px 1px;
  margin: 0 -1px 0 -1px; }

nav.gnav .flyout-list {
  display: block; }

nav.gnav .flyout-link {
  display: block;
  font-size: 1.2em;
  line-height: 2.2em;
  height: 2.2em;
  overflow: hidden;
  padding: 0 12px;
  white-space: normal; }

nav.gnav .flyout-item:hover {
  background-color: rgba(255, 255, 255, 0.5); }

nav.gnav .flyout-uri {
  font-weight: bold; }

nav.gnav .flyout-title:before {
  display: inline;
  content: ' - '; }

header nav.boardlist {
  display: none;
  background: #d6daf0;
  color: #34345C;
  vertical-align: baseline;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); }
  header nav.boardlist .boardlist-link {
    color: #34345C; }

footer nav.boardlist {
  background: #666666;
  color: #aeaeae;
  position: static; }
  footer nav.boardlist .boardlist-link {
    color: #ffffff; }

footer nav.boardlist-row.row-pages {
  display: none; }

@media (max-width: 840px) {
  nav.boardlist {
    font-size: 1.5em;
    line-height: 2.5em; }
  nav.boardlist div.boardlist-text {
    display: block;
    text-align: center; }
  nav.boardlist div.boardlist-row {
    display: none;
    border-bottom: 0.2em solid rgba(0, 0, 0, 0.25); }
  nav.boardlist li.boardlist-category {
    clear: both;
    display: block; }
  nav.boardlist ul.boardlist-items {
    display: block; }
  nav.boardlist li.boardlist-item {
    display: block;
    box-sizing: border-box;
    padding: 0 1em;
    min-width: 300px;
    width: 50%;
    float: left; }
  nav.boardlist a.boardlist-link {
    display: block; } }

nav.pagination {
  padding: 0.25em 0;
  margin: 0;
  color: #EEF2FF; }
  main.board-index nav.pagination {
    background: none;
    margin: 1em 0; }
  nav.pagination::after {
    display: block;
    content: ' ';
    clear: both; }
  nav.pagination div.pagination-buttons {
    margin: 0 1em; }
    [dir='ltr'] nav.pagination div.pagination-buttons {
      float: left; }
    [dir='rtl'] nav.pagination div.pagination-buttons {
      float: right; }
    nav.pagination div.pagination-buttons.buttons-pages {
      float: none;
      clear: both; }
      @media (max-width: 728px) {
        nav.pagination div.pagination-buttons.buttons-pages {
          text-align: center; } }
  nav.pagination .pagination-button {
    line-height: 1.2;
    margin: 0.2em 0;
    padding: 0.15em 0.75em 0.25em; }
    nav.pagination .pagination-button.post-form-open {
      display: block; }
      [dir='ltr'] nav.pagination .pagination-button.post-form-open {
        float: right; }
      [dir='rtl'] nav.pagination .pagination-button.post-form-open {
        float: left; }
      @media (max-width: 728px) {
        html.js nav.pagination .pagination-button.post-form-open {
          float: none;
          width: auto;
          margin: 0.5em auto 1em auto; }
          footer html.js nav.pagination .pagination-button.post-form-open {
            margin-top: 0;
            margin-bottom: 1em; } }
      html.no-js nav.pagination .pagination-button.post-form-open {
        display: none; }
  nav.pagination ul.pagination-pages::before,
  nav.pagination ul.pagination-pages::after,
  nav.pagination li.pagination-page::after {
    display: inline-block;
    padding: 0.25em 0.1em;
    color: #34345C; }
    [dir='ltr'] nav.pagination ul.pagination-pages::before, [dir='ltr']
    nav.pagination ul.pagination-pages::after, [dir='ltr']
    nav.pagination li.pagination-page::after {
      float: left; }
    [dir='rtl'] nav.pagination ul.pagination-pages::before, [dir='rtl']
    nav.pagination ul.pagination-pages::after, [dir='rtl']
    nav.pagination li.pagination-page::after {
      float: right; }
  nav.pagination ul.pagination-pages {
    font-size: 110%;
    margin: 0; }
  nav.pagination ul.pagination-pages::before {
    content: '[';
    opacity: 0.6;
    cursor: default; }
  nav.pagination ul.pagination-pages::after {
    content: ']';
    opacity: 0.6;
    cursor: default; }
  nav.pagination li.pagination-page {
    display: inline-block; }
    [dir='ltr'] nav.pagination li.pagination-page {
      float: left; }
    [dir='rtl'] nav.pagination li.pagination-page {
      float: right; }
  nav.pagination li.pagination-page::after {
    content: '/';
    opacity: 0.6;
    cursor: default; }
  nav.pagination li.pagination-page:last-child::after {
    content: '';
    display: none; }
  nav.pagination a.pagination-link {
    display: inline-block;
    padding: 0.25em 0.5em;
    text-align: center; }
    [dir='ltr'] nav.pagination a.pagination-link {
      float: left; }
    [dir='rtl'] nav.pagination a.pagination-link {
      float: right; }
  nav.pagination a.pagination-link.pagination-active {
    font-weight: bold; }

/* JavaScript Options Menu */
#js-config {
  display: block;
  cursor: default;
  position: relative;
  margin: 0 auto;
  padding: 0;
  background: #F5F5F7;
  border: 1px solid #333;
  max-width: 840px;
  width: 100%;
  height: auto;
  max-height: 100vh;
  overflow: hidden;
  border-radius: 7px;
  pointer-events: all; }

#js-config-close {
  position: absolute;
  top: 0.25em;
  right: 0.5em;
  cursor: pointer;
  font-size: 2em;
  line-height: 1;
  vertical-align: middle; }

#js-config .config-title {
  color: #000;
  font-size: 1.4em;
  line-height: 1.42em;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  border-bottom: 1px solid #d3d3d4;
  padding: 1.5em 0.75em 0.75em 0.75em;
  margin: 0;
  background: #f0f0f2;
  background-image: linear-gradient(#f5f5f7, #e9e9ea); }

#js-config .config-table {
  font-size: 1.2em;
  line-height: 1.2em; }

#js-config .config-cell {
  margin: 0;
  overflow: hidden;
  padding: 0;
  vertical-align: top; }

#js-config .config-cell.cell-nav {
  border-right: 1px solid #d3d3d4;
  width: 10em; }

#js-config .config-cell.cell-fields {
  width: auto;
  padding: 0.75em 0.5em 0.5em 0.5em; }

#js-config .config-nav-list {
  display: block;
  padding: 0;
  margin: 0; }

#js-config .config-nav-item {
  display: block;
  border-bottom: 1px solid #d7d7d9;
  cursor: pointer;
  padding: 0.75em;
  margin: 0; }

#js-config .config-nav-active,
#js-config .config-nav-item:hover {
  background: rgba(255, 255, 255, 0.5); }

#js-config .config-nav-item .fa {
  width: 1.5em; }

#js-config .config-nav-item.item-main .fa::before {
  content: "\f015"; }

#js-config .config-nav-item.item-content .fa::before {
  content: "\f15c"; }

#js-config .config-nav-item.item-lazyimg .fa::before {
  content: "\f03e"; }

#js-config .config-nav-item.item-stylist .fa::before {
  content: "\f1fc"; }

#js-config .config-nav-item.item-time .fa::before {
  content: "\f017"; }

#js-config .config-nav-item.item-post .fa::before {
  content: "\f0f6"; }

#js-config .config-nav-item.item-postbox .fa::before {
  content: "\f040"; }

#js-config .config-nav-item.item-instantclick .fa::before {
  content: "\f0d0"; }

#js-config .config-group {
  display: none;
  border: none;
  margin: 0;
  padding: 0; }

#js-config .config-legend {
  font-size: 1.2em;
  font-weight: bold; }

#js-config .config-desc {
  margin: 0.5em 0 0 0;
  font-size: 90%; }

#js-config .config-row {
  display: block; }

#js-config .config-row-name {
  display: inline-block;
  min-width: 16em;
  margin-right: 1em;
  line-height: 3em;
  vertical-align: middle; }

#js-config .config-option {
  vertical-align: middle; }

/* Specific JS Config Items */
#js-config-row-stylist-css .config-row-name {
  display: none; }

#js-config-stylist-css {
  display: block;
  width: 100%;
  min-height: 250px; }

/**
 * Specific Pages
 */
/*
 * Errors
 * 404, 500, etc
 */
body.error::before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  content: ' ';
  pointer-events: none;
  opacity: 0.2;
  background-image: url("/static/img/errors/whitenoise.gif"); }

section.error-flair {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  max-width: 500px;
  height: auto;
  line-height: 0; }

figure.error-figure {
  margin: 0;
  padding: 0;
  position: relative; }

figure.error-figure img.board-asset {
  max-width: 500px;
  max-height: 250px; }

figure.error-figure figcaption.error-caption {
  display: block;
  height: 1em;
  text-indent: 1em;
  position: absolute;
  bottom: 1em;
  text-align: right; }

figure.error-figure a.error-credit {
  color: white;
  text-shadow: 1px black;
  text-align: right; }

main#error .error-trace {
  display: block;
  margin: 0 auto;
  max-width: 960px; }

main#adventure,
main#landing {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center; }

main#adventure {
  left: 50%;
  height: 320px;
  width: 320px;
  margin-top: -160px;
  margin-left: -160px; }

section.adventure-flair {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  max-width: 320px;
  max-height: 320px; }

figure.adventure-figure {
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center; }

figure.adventure-figure i.fa {
  font-size: 240px; }

p.landing-message,
figure.adventure-figure figcaption.adventure-caption {
  display: block;
  height: 2em;
  line-height: 2em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-indent: 1em; }

a.adventure-link {
  color: #34345C;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.9), 1px -1px 0 rgba(255, 255, 255, 0.9), -1px 1px 0 rgba(255, 255, 255, 0.9), 1px 1px 0 rgba(255, 255, 255, 0.9); }

a.adventure-link:hover {
  color: #f00; }

/* Partial */
figure.error {
  display: block;
  margin: 0 auto 2em 0;
  padding: 0;
  width: 82.5%;
  text-align: center; }
  figure.error i.error-icon {
    font-size: 10em;
    color: #565656; }
  figure.error h4.error-title {
    font-size: 120%;
    margin: 0; }

/**
 * UGC
 */
.reply {
  padding: 0;
  margin: 0.25em 0 0.25em 0; }

/*
    .reply::before {
        display: inline-block;
        content: '>>';
        color: #D6DAF0;
        font-weight: bold;
        vertical-align: top;
        width: 1.5em;
        float: left;
        margin: 0 0 0 -1.5em;
    }
    .reply::after {
        display: block;
        clear: both;
        content: ' ';
    }
    */
.post {
  margin: 0;
  padding: 0.7em;
  word-wrap: break-word;
  white-space: normal; }

.post p.line {
  display: block;
  margin: 0;
  padding: 0;
  min-height: 1.2em;
  line-height: 1.2em; }

.post p.line.quote {
  color: #789922; }

/**
     * Citation addendums.
     * If this gets any more complicated, do something better.
     */
a.cite-you::after,
a.cite-op::after {
  display: 'inline'; }

a.cite-you::after {
  content: ' (You)'; }

a.cite-op::after {
  content: ' (OP)'; }

a.cite-you.cite-op::after {
  content: ' (You) (OP)'; }

.thread-replies-omitted {
  margin: 0.25em 0 0.5em 0.25em; }

.thread-replies-count,
.thread-replies-expand,
.thread-replies-open {
  display: inline;
  margin-right: 0.25em; }

.thread-replies-expand::after,
.thread-replies-open::after {
  display: inline;
  content: ']'; }

.thread-replies-expand::before,
.thread-replies-open::before {
  display: inline;
  content: '['; }

.post-container {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  /* background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */
  border-width: 1px;
  border-style: none solid solid none;
  border-left: none;
  border-top: none; }
  .post-container.sfw {
    background: #D6DAF0;
    border-color: #B7C5D9; }
  .post-container.nsfw {
    background: #f0e0d6;
    border-color: #D9BFB7; }
  @media (max-width: 728px) {
    .post-container {
      width: 100%; } }
  .post-container.post-hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 1100; }

.post-interior {
  position: relative; }

.post-content-wrapper {
  overflow: hidden; }

.post-content-wrapper .post {
  padding-top: 0; }

.post-content {
  padding: 0; }

.post-details {
  clear: both;
  padding: 0.6em 0 0.4em 0;
  margin: 0;
  line-height: 1.8em;
  white-space: normal; }
  [dir='rtl'] .post-details {
    padding-right: 0;
    padding-left: 1em; }
  [dir='ltr'] .post-details {
    padding-right: 1em;
    padding-left: 0; }
  @media (min-width: 728px) {
    body.responsive .post-details {
      white-space: nowrap; } }

.op-container .post-details {
  padding-left: 0; }

.post-detail {
  display: inline-block; }

.post-detail:empty {
  display: none; }

.post-container .post-details .post-detail.post-deleted {
  display: none;
  color: #CC0000; }

.post-container.post-deleted .post-detail.post-deleted {
  display: inline-block; }

.post-detail.post-country {
  line-height: 1em;
  vertical-align: middle; }

.post-detail-item {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top; }

.post-select-input {
  vertical-align: text-bottom; }

.subject {
  display: inline-block;
  margin: 0;
  font-size: 1em;
  white-space: normal; }

.author {
  display: inline-block;
  color: #117743;
  white-space: normal; }
  .author .email {
    text-decoration: underline; }

.author-you {
  display: none;
  color: #117743;
  direction: ltr; }
  .author-you::before {
    display: inline;
    content: '('; }
  .author-you::after {
    display: inline;
    content: ')'; }
  .post-you .author-you {
    display: inline;
    font-weight: normal; }
  .email .author-you {
    text-decoration: underline; }

.insecure-tripcode {
  color: #117743; }

.insecure-tripcode:before {
  content: '!'; }

.createdon {
  display: inline-block; }

.authorid {
  display: inline-block; }

.authorid::before {
  content: 'ID: ';
  display: inline; }

.authorid.authorid-colorized {
  border-radius: 5px;
  line-height: 1.5;
  margin: -0.1em 0.25em -0.4em 0.25em;
  padding: 0 0.25em;
  vertical-align: text-top; }

.authorid.authorid-colorized::before {
  display: none; }

.postid {
  display: inline-block; }

.capcode {
  display: inline-block;
  vertical-align: top; }

.capcode::before {
  display: inline-block;
  content: '##';
  margin: 0 0.15em; }

.capcode-admin .capcode {
  color: red; }

body.single-thread .post-detail.detail-open {
  display: none; }

.post-detail.detail-cites {
  display: inline;
  white-space: normal; }

.post-detail.detail-cites a.cite {
  font-size: 90%;
  text-decoration: underline;
  white-space: nowrap; }

.post-metas {
  border-top: 1px solid #D6DAF0; }

.post-metas:empty {
  display: none; }

.op-container .post-metas {
  border-top: none; }

li.post-meta {
  display: block;
  color: #333;
  font-size: 95%;
  padding: 0.2em 0.6em; }

div.post-action-tab {
  display: inline-block;
  cursor: default;
  position: relative;
  /* border: 1px solid rgba(0,0,0,0.25);
            border-radius: 2px; */
  line-height: 1.8em;
  height: 1.8em;
  padding: 0 0.25em;
  margin-left: 0.25em; }
  html.js div.post-action-tab {
    cursor: pointer; }

span.post-action-label {
  line-height: 1;
  vertical-align: text-top; }
  span.post-action-label::before {
    display: inline-block;
    padding: 0 0.25em;
    font-size: 14px;
    line-height: 1.2; }
    [dir='rtl'] span.post-action-label::before {
      content: '◀'; }
    [dir='ltr'] span.post-action-label::before {
      content: '▶'; }

div.post-action-tab.action-tab-actions {
  margin-left: 0; }

div.action-tab-actions .fa {
  vertical-align: top; }

div.action-tab-actions span.post-action-text {
  display: none; }

a.catalog-open {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
  height: 2em;
  margin: 0;
  display: block; }
  .nsfw a.catalog-open {
    background: rgba(255, 0, 0, 0.1); }
  .sfw a.catalog-open {
    background: rgba(0, 0, 255, 0.1); }

ul.post-action-groups {
  display: none;
  max-width: 100vw;
  position: absolute;
  top: 1.5em;
  z-index: 10;
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 -1px; }
  [dir='rtl'] ul.post-action-groups {
    right: 0px; }
  [dir='ltr'] ul.post-action-groups {
    left: 0px; }

html.no-js div.post-action-tab:hover ul.post-action-groups,
html.js div.post-action-tab.open ul.post-action-groups {
  display: block; }

li.post-action-group {
  background-color: #D6DAF0;
  border: 1px solid rgba(0, 0, 0, 0.25); }

ul.post-actions {
  display: block;
  vertical-align: top;
  width: 100%; }

ul.post-actions:empty {
  display: none; }

li.post-action {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  width: 100%; }

li.post-action:last-child {
  margin-bottom: -1px; }

a.post-action-link {
  display: block;
  color: #34345C;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.4;
  padding: 0.25em 1em 0.25em; }

a.post-action-link:hover {
  color: #dee0df;
  background: #34345C; }

ul.post-attachments {
  display: block;
  overflow-x: auto;
  max-width: 99%;
  max-width: calc(100% - 1em); }
  [dir='rtl'] ul.post-attachments {
    float: right; }
  [dir='ltr'] ul.post-attachments {
    float: left; }
  .op-container ul.post-attachments {
    max-width: 100%; }
  .reply-container ul.post-attachments {
    padding: 0 0 0 1em; }
  ul.post-attachments.attachments-multi {
    padding-top: 0;
    float: none; }
    .reply-container.sfw ul.post-attachments.attachments-multi {
      background: rgba(0, 0, 155, 0.1); }
    .reply-container.nsfw ul.post-attachments.attachments-multi {
      background-color: rgba(155, 0, 0, 0.1); }
    ul.post-attachments.attachments-multi + blockquote.post {
      margin-top: 0.75em; }
    ul.post-attachments.attachments-multi::after {
      display: block;
      content: ' ';
      clear: both; }
  ul.post-attachments li.attachment-actions {
    display: block;
    margin-top: -0.50em;
    padding-bottom: 0.75em;
    text-align: center; }
    ul.post-attachments li.attachment-actions .post-action-stopmedia {
      display: none; }
    ul.post-attachments li.attachment-actions.attachment-expanded .post-action-stopmedia {
      display: block; }
    ul.post-attachments li.attachment-actions .attachment-action {
      display: block;
      cursor: pointer;
      margin-right: 0.75em; }
  ul.post-attachments li.post-attachment {
    position: relative;
    display: inline-block;
    vertical-align: text-top; }
    [dir='rtl'] ul.post-attachments li.post-attachment {
      padding: 0 0 0.75em 0.75em; }
    [dir='ltr'] ul.post-attachments li.post-attachment {
      padding: 0 0.75em 0.75em 0; }
  ul.post-attachments div.action-bar-attachments {
    display: inline-block;
    /*
            a.post-action {
                display: block;
                font-weight: normal;
                font-size: 1.15em;
                height: 1.15em;
                line-height: 1;
                margin-bottom: 0.3em;
                visibility: hidden;
            }*/ }
    ul.post-attachments div.action-bar-attachments div.post-action-tab {
      display: block;
      margin: 0; }
      ul.post-attachments div.action-bar-attachments div.post-action-tab:hover {
        color: #ff0000; }
      ul.post-attachments div.action-bar-attachments div.post-action-tab .post-action-groups {
        z-index: 4;
        top: auto;
        bottom: 2em; }
    ul.post-attachments div.action-bar-attachments .post-action-label {
      font-weight: bold; }
      ul.post-attachments div.action-bar-attachments .post-action-label::before {
        display: inline-block; }
        [dir='rtl'] ul.post-attachments div.action-bar-attachments .post-action-label::before {
          content: '◁'; }
        [dir='ltr'] ul.post-attachments div.action-bar-attachments .post-action-label::before {
          content: '▷'; }
  ul.post-attachments div.attachment-container {
    display: block; }
  ul.post-attachments li.attachment-expanded div.attachment-container {
    display: inline-block;
    max-width: 100%; }
  ul.post-attachments div.attachment-container.attachment-grow {
    margin: 0;
    width: 100%; }
  ul.post-attachments a.attachment-link {
    display: inline;
    outline: none; }
  ul.post-attachments a.attachment-download {
    clear: both;
    display: inline-block;
    white-space: nowrap;
    vertical-align: text-bottom; }
    ul.post-attachments a.attachment-download .detail-filename {
      direction: ltr;
      text-align: center; }
    ul.post-attachments a.attachment-download .detail-break {
      display: none; }
    ul.post-attachments a.attachment-download .detail-download {
      margin-right: 0.5em;
      vertical-align: middle; }
  ul.post-attachments li.post-attachment.attachment-expanded a.attachment-link {
    display: block; }
  ul.post-attachments a.attachment-download .detail-filesize {
    margin-right: 0.25em; }
  ul.post-attachments a.attachment-download .detail-filesize::before {
    display: inline;
    content: "("; }
  ul.post-attachments a.attachment-download .detail-filedim::after {
    display: inline;
    content: ")"; }
  ul.post-attachments .detail-close {
    display: none; }
  ul.post-attachments figure.attachment {
    display: block;
    margin: 0;
    position: relative;
    z-index: 3; }
  ul.post-attachments figure.attachment-type-audio {
    overflow: hidden;
    padding-right: 2em; }
  ul.post-attachments li.post-attachment.attachment-expanded figure.attachment {
    /* min-width: 100%; */
    max-width: 100%; }
  ul.post-attachments li.post-attachment.attachment-expanded img.attachment-img {
    /* min-width: 100%; */
    max-width: 100%; }
  ul.post-attachments div.attachment-wrapper {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: center; }
  ul.post-attachments figure.attachment-type-audio div.attachment-wrapper {
    margin: 0 -2em 0 0;
    padding: 0 2em 0 0; }
    ul.post-attachments figure.attachment-type-audio div.attachment-wrapper::after {
      content: ' ';
      display: block;
      height: 98%;
      width: 98%;
      padding: 0;
      pointer-events: none;
      position: absolute;
      top: 1%;
      left: auto;
      right: -1em;
      bottom: 1%;
      z-index: 1;
      background-position: center center;
      background-image: url("/static/img/backgrounds/vinyl.svg");
      background-repeat: no-repeat;
      background-size: contain; }
  ul.post-attachments li.attachment-expanded figure.attachment-type-audio div.attachment-wrapper {
    margin: 0 0 0 0;
    padding: 0 7em 0 0; }
    ul.post-attachments li.attachment-expanded figure.attachment-type-audio div.attachment-wrapper::after {
      right: -20%;
      animation: fa-spin 1.304s infinite linear; }
  ul.post-attachments li.attachment-expanded figure.attachment-type-video .detail-close {
    display: inline; }
  ul.post-attachments li.attachment-expanded figure.attachment-type-video div.attachment-wrapper {
    height: inherit !important; }
  ul.post-attachments img.attachment-img {
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
    position: relative;
    z-index: 2; }
  ul.post-attachments html.js a.attachment-link img.attachment-type-img {
    cursor: zoom-in; }
  ul.post-attachments html.js li.attachment-expanded a.attachment-link img.attachment-type-img {
    cursor: zoom-out; }
  ul.post-attachments html.js a.attachment-link img.attachment-type-video {
    box-sizing: border-box;
    border-style: solid;
    border-width: 17px;
    border-image: url("/static/img/backgrounds/film.png") 27 fill stretch repeat; }
  ul.post-attachments li.post-attachment.attachment-expanded {
    clear: both;
    float: none;
    width: 100%;
    display: block; }
  ul.post-attachments li.post-attachment.attachment-expanded::before,
  ul.post-attachments li.post-attachment.attachment-expanded::after {
    content: ' ';
    clear: both;
    display: block; }
  ul.post-attachments li.post-attachment.attachment-expanded,
  ul.post-attachments li.post-attachment.attachment-expanded figure.attachment,
  ul.post-attachments li.post-attachment.attachment-expanded div.attachment-wrapper,
  ul.post-attachments li.post-attachment.attachment-expanded img.attachment-img {
    clear: both;
    float: none;
    max-width: 100%;
    max-height: none;
    width: auto;
    height: auto; }
  ul.post-attachments li.post-attachment.attachment-expanded figure.attachment.attachment-type-audio {
    max-width: 350px;
    padding-right: 3em; }
  ul.post-attachments .thumbnail-stock img.attachment-img {
    min-height: 150px;
    min-width: 150px; }
  ul.post-attachments li.post-attachment audio.attachment-inline {
    display: inline-block;
    width: 100%;
    margin: 0 auto 0.5em 0;
    max-width: 400px;
    vertical-align: top; }
  ul.post-attachments li.post-attachment video.attachment-inline {
    display: inline-block;
    max-width: 100%;
    vertical-align: top; }
  ul.post-attachments attachment-inline + .attachment-link .attachment-wrapper {
    display: none; }
  ul.post-attachments figcaption.attachment-details {
    display: block;
    max-width: 100%;
    position: relative;
    padding: 0 1em;
    text-align: center;
    white-space: nowrap; }
  ul.post-attachments figure.attachment-type-audio figcaption.attachment-details {
    max-width: none;
    margin-right: -2em; }
  ul.post-attachments li.attachment-expanded figure.attachment-type-audio figcaption.attachment-details {
    padding: 0 1em;
    margin-right: -3em; }
  ul.post-attachments div.attachment-action-group,
  ul.post-attachments p.attachment-detail {
    display: block;
    font-size: 90%;
    height: auto;
    line-height: 1.2;
    padding: 0.5em 0;
    margin: 0;
    max-width: 100%; }
  [dir='rtl'] ul.post-attachments div.attachment-action-group {
    text-align: right; }
  [dir='ltr'] ul.post-attachments div.attachment-action-group {
    text-align: left; }
  ul.post-attachments figure.attachment-type-audio figcaption.attachment-details p.attachment-detail {
    margin-bottom: 0px; }
  ul.post-attachments div.attachment-container:last-child {
    margin-bottom: 0px; }
  ul.post-attachments div.attachment-action-group span.attachment-action {
    margin: 0 0.25em; }
  @media (max-width: 728px) {
    ul.post-attachments a.attachment-download .detail-break {
      display: block; } }

/**
 * MAIN POST STYLING
 */
blockquote.ugc {
  margin-left: 1.8em;
  padding-left: 0;
  /* blockquote + p {
            margin-top: -1em;
        } */ }
  blockquote.ugc h1,
  blockquote.ugc h2,
  blockquote.ugc h3,
  blockquote.ugc h4,
  blockquote.ugc h5,
  blockquote.ugc h6 {
    color: #AF0A0F;
    padding: 0; }
  blockquote.ugc a {
    text-decoration: underline; }
  blockquote.ugc a:hover,
  blockquote.ugc a.cite {
    color: #D00; }
  blockquote.ugc hr {
    border-top: 2px groove white; }
  blockquote.ugc pre {
    clear: both;
    background-color: rgba(255, 255, 255, 0.35);
    color: #111111;
    margin: 1em -0.75em 1em -1.7em;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 50vh; }
    blockquote.ugc pre code {
      display: block;
      margin: 0;
      padding: 1em 0.75em 1em 1.7em;
      white-space: pre;
      /* Very specific formatting for ASCII art. */ }
      blockquote.ugc pre code.language-aa, blockquote.ugc pre code.language-AA {
        font-family: Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
        display: block !important;
        font-size: 12pt;
        line-height: 1.1; }
    blockquote.ugc pre:last-child {
      margin-bottom: -0.7em; }
  blockquote.ugc blockquote,
  blockquote.ugc blockquote a {
    margin-left: 0;
    margin-right: 0;
    color: #789922; }
  blockquote.ugc blockquote.spoiler {
    box-sizing: border-box;
    padding: 1px 0.5em; }
  blockquote.ugc .spoiler {
    box-sizing: border-box;
    padding: 1px 0.5em;
    color: black;
    background: black; }
  blockquote.ugc .spoiler:hover {
    color: white;
    background: black; }
  blockquote.ugc p {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0; }
  blockquote.ugc :first-child {
    margin-top: 0; }
  blockquote.ugc :last-child {
    margin-bottom: 0; }
  blockquote.ugc blockquote {
    margin-bottom: 0; }
  blockquote.ugc ol,
  blockquote.ugc ul {
    display: block;
    margin: 1em;
    padding: 0 0 0 2em;
    list-style-type: decimal;
    list-style-position: inside; }
  blockquote.ugc ul {
    list-style-type: disc; }
  blockquote.ugc table {
    border-spacing: 0.25em;
    margin: 1em 0;
    width: auto; }
  blockquote.ugc thead tr,
  blockquote.ugc tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 100, 0.1); }
  blockquote.ugc td {
    padding: 0.25em; }
  blockquote.ugc th {
    padding: 0.25em; }
  blockquote.ugc .dice {
    display: block;
    margin: 0 0 0.75em 0;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 2em;
    background-image: url("/static/img/assets/dice.svg");
    padding-left: 3em; }
    blockquote.ugc .dice.roll-once {
      line-height: 2em;
      vertical-align: middle; }
      blockquote.ugc .dice.roll-once .dice-rolls {
        display: none; }
    blockquote.ugc .dice.roll-binary {
      background-image: url("/static/img/assets/coin.svg");
      background-position: 0.35em top; }
    blockquote.ugc .dice .dice-throw {
      display: block;
      font-size: 105%;
      font-weight: normal; }
    blockquote.ugc .dice .dice-d {
      color: #FFA500; }
    blockquote.ugc .dice .dice-modifier-add {
      color: #228B22; }
    blockquote.ugc .dice .dice-modifier-sub {
      color: #8B2222; }
    blockquote.ugc .dice .dice-heading,
    blockquote.ugc .dice .dice-datum,
    blockquote.ugc .dice .dice-rule,
    blockquote.ugc .dice .dice-total {
      margin-right: 0.25em;
      border-bottom: none; }
    blockquote.ugc .dice .dice-symbol {
      color: #117761;
      margin: 0 1px 0 3px;
      font-weight: bold; }
    blockquote.ugc .dice .dice-rule {
      vertical-align: super;
      font-size: 90%; }
    blockquote.ugc .dice .dice-total {
      font-weight: bold; }
    blockquote.ugc .dice .dice-binary-total {
      font-weight: normal; }
      blockquote.ugc .dice .dice-binary-total::before {
        content: ' ('; }
      blockquote.ugc .dice .dice-binary-total::after {
        content: ')'; }
    blockquote.ugc .dice .dice-binary-heads::after {
      content: 'h, '; }
    blockquote.ugc .dice .dice-binary-tails::after {
      content: 't'; }
    blockquote.ugc .dice .dice-rolls {
      display: block;
      margin-top: 0.25em; }
    blockquote.ugc .dice .dice-roll {
      display: inline-block;
      margin: 0 0.25em; }
    blockquote.ugc .dice .dice-roll-ignored {
      opacity: 0.75;
      font-style: italic; }
    blockquote.ugc .dice .dice-roll-invalid {
      opacity: 0.75;
      text-decoration: line-through; }

/**
 * Content Preferences
 */
body.nsfw-filtered .multiboard-index .nsfw {
  display: none !important; }

body.nsfw-filtered .recent-images .nsfw {
  display: none !important; }

/**
 * Deprecated -- should be merged in
 */
/**
 * This is being phased out.
 *
 * Please put definitions in the proper file.
 */
body.responsive {
  /**
     * EXPANDING RESPONSIVENESS
     *
     * These media tags ADD as the screen GROWS.
     * They do not take away as the screen shrinks.
     * Scroll down for max-width selectors.
     */
  /**
     * 360px Width
     * Vertical phones
     */
  /**
     * 640px Width
     * Horizontal phones
     */
  /**
     * 728px Width
     * Tablets
     */
  /**
     * 728px width and 480px height
     * Anything bigger
     */
  /**
     * 1440px width and 480px height
     */ }
  @media (min-width: 320px) {
    body.responsive {
      /**
         * Sidebar
         */
      /**
         * Catalog
         */ }
      body.responsive aside.index-sidebar {
        padding-left: 1em;
        padding-right: 1em; }
      body.responsive main.index-catalog section.index-threads {
        padding: 0; }
      body.responsive main.index-catalog .thread-item {
        max-width: 150px;
        min-width: 100px; } }
  @media (min-width: 640px) {
    body.responsive {
      /**
         * Thread & Posts
         */ }
      body.responsive section.index-threads aside.advertiser.bottom-right {
        display: block; }
      body.responsive main.index-threaded ul.attachments-single + blockquote.post {
        min-width: 30em; } }
  @media (min-width: 728px) {
    body.responsive {
      /**
         * Index
         */
      /**
         * Contribution Page
         */
      /**
         * Thread & Posts
         */ }
      body.responsive #site-description .infobox,
      body.responsive #site-statistics .infobox {
        min-height: 10em; }
      body.responsive li.contrib-option {
        border-bottom: none;
        border-right: 1px solid #EEF2FF;
        padding-bottom: 0;
        padding-right: 9px;
        min-height: 360px; }
      body.responsive li.contrib-option:last-child {
        padding-right: 10px;
        border-right: none; }
      body.responsive .me-skill:first-child {
        padding-right: 3em; }
      body.responsive .me-skill:last-child {
        padding-left: 3em; }
      body.responsive .me-skill .fa {
        display: block;
        font-size: 300%;
        vertical-align: top;
        position: absolute;
        top: 5px;
        bottom: 0;
        left: -1.5em; }
      body.responsive .me-skill:last-child .fa {
        left: -0.5em; }
      body.responsive section.index-threads aside.advertiser.top-left {
        display: block;
        text-align: center; } }
  @media (min-width: 728px) {
    body.responsive {
      /**
         * Helpers
         */
      /**
         * Primary Navigation
         */
      /**
         * Navigation
         */
      /**
         * Catalog
         */ }
      body.responsive .no-mobile {
        display: initial !important; }
      body.responsive .only-mobile {
        display: none !important; }
      body.responsive nav.boardlist {
        font-size: 1em;
        padding: 0 1em;
        overflow: hidden; }
      body.responsive nav.boardlist .boardlist-text {
        display: none; }
      body.responsive nav.boardlist .boardlist-row {
        display: inline-block;
        height: 1.4em;
        line-height: 1.4em;
        padding: 0;
        margin: 0 0.5em 0 0;
        white-space: nowrap; }
      body.responsive nav.boardlist .boardlist-categories,
      body.responsive nav.boardlist .boardlist-category,
      body.responsive nav.boardlist .boardlist-items,
      body.responsive nav.boardlist .boardlist-item {
        display: inline-block;
        height: 1em;
        line-height: 1em; }
      body.responsive nav.boardlist .boardlist-items {
        white-space: nowrap;
        text-overflow: ellipsis; }
      body.responsive nav.boardlist .boardlist-item {
        display: inline; }
      body.responsive nav.boardlist .boardlist-link {
        text-decoration: none; }
      body.responsive nav.boardlist .boardlist-category::before {
        content: '[';
        opacity: 0.6; }
      body.responsive nav.boardlist .boardlist-category::after {
        content: ']';
        opacity: 0.6; }
      body.responsive nav.boardlist .boardlist-item::after {
        display: inline;
        content: '/';
        margin: 0 0.15em 0 0.4em;
        opacity: 0.6; }
      body.responsive nav.boardlist .boardlist-item:last-child::after {
        display: none; }
      body.responsive nav.gnav .flyout {
        width: auto; }
      body.responsive nav.gnav .flyout-col {
        display: inline-block;
        float: left;
        width: 21em; }
      body.responsive nav.gnav .flyout-link {
        line-height: 1.7em;
        height: 1.7em; }
      body.responsive main.index-catalog section.index-threads {
        padding: 0 45px; }
      body.responsive main.index-catalog .thread-item {
        max-width: 180px; } }
  @media (min-width: 1440px) {
    body.responsive {
      /**
         * Sidebar
         */
      /* Advertisements */ }
      body.responsive html.js main.index-threaded .thread {
        padding-right: 340px; }
      body.responsive html.js main.index-threaded aside.index-sidebar {
        position: absolute;
        right: 0;
        top: -1em;
        bottom: -2em;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1em;
        width: 310px;
        height: auto; }
      body.responsive html.js main.index-threaded aside.advertiser.bottom-right {
        position: absolute; }
      body.responsive html.js main.index-threaded aside.advertiser.top-left {
        text-align: left; }
      body.responsive html.js main.index-threaded aside.advertiser.bottom-right {
        position: absolute;
        bottom: 0;
        right: 5px;
        width: 310px; }
      body.responsive html.js main.index-threaded aside.advertiser.bottom-right figure.ad-field {
        display: block;
        width: 310px; } }

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