/*!
Theme Name: Atlas Hub
Theme URI: http://underscores.me/
Author: Dale-Anthony
Author URI: http://daleanthony.com
Description: Atlas Hub - No Man's Sky community & dIscoveries database theme
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: atlashub
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utilities
  ## Normalize
  ## Variables
  ## Mixins
# Global
# Components
  ## Fonts
  ## Typography
  ## Header
  ## Main Menu
  ## Footer
  ## Masts
  ## Posts
  ## Meta
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, .ltext {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Hide text
--------------------------------------------------------------*/
.logo, .meta__platform {
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden; }

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*--------------------------------------------------------------
# Global (main layout)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Basic
--------------------------------------------------------------*/
html,
body {
  height: 100%;
  margin: 0; }

body {
  background-color: #7F8E8F;
  background-image: url(assets/img/meshbg.png);
  background-size: 100%;
  background-repeat: no-repeat; }
  body .no-scroll {
    position: fixed;
    overflow: hidden; }

.container {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .container--slim {
    max-width: 1000px; }

.content-container--upload__sidebar {
  display: none; }

.main {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 800px) {
    .main {
      max-width: 1000px;
      margin-top: 40px;
      margin-bottom: 56px;
      padding-right: 40px;
      padding-left: 40px; } }
  .main--archive {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 16px;
    padding-right: 16px;
    padding-left: 16px; }
    @media screen and (min-width: 800px) {
      .main--archive {
        margin-top: 40px;
        padding-right: 0;
        padding-left: 0; } }

.content-container {
  position: relative;
  box-sizing: border-box;
  background-color: #222222;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1); }
  .content-container:after {
    content: '';
    display: none;
    position: absolute;
    top: -18px;
    right: -56px;
    width: 48px;
    height: 159px;
    background-image: url(assets/img/decoration-02-extended.svg);
    background-repeat: no-repeat;
    background-position: top left;
    opacity: .6; }
    @media screen and (min-width: 800px) {
      .content-container:after {
        display: block; } }
  .content-container:before {
    content: '';
    display: none;
    position: absolute;
    bottom: 20%;
    left: -56px;
    width: 48px;
    height: 74px;
    background-image: url(assets/img/decoration-02.svg);
    background-repeat: no-repeat;
    background-position: top left;
    opacity: .5; }
    @media screen and (min-width: 800px) {
      .content-container:before {
        display: block; } }
  .content-container--nodec:before {
    display: none; }
  .content-container--nodec:after {
    display: none; }
  .content-container--center {
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 800px) {
      .content-container--center {
        padding-top: 48px;
        padding-bottom: 16px; } }
  .content-container--upload:after {
    display: none; }
  .content-container__main {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .content-container__main {
        max-width: 680px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 40px;
        padding-bottom: 48px; }
        .content-container__main--withside {
          display: block;
          margin-right: inherit;
          margin-left: inherit; } }
  .content-container__wide {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .content-container__wide {
        max-width: 800px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 40px;
        padding-bottom: 48px; } }
  .content-container__xwide {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .content-container__xwide {
        padding-top: 52px;
        padding-right: 52px;
        padding-bottom: 52px;
        padding-left: 52px; } }
  .content-container__detail-view {
    box-sizing: border-box;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .content-container__detail-view {
        max-width: 824px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 96px;
        padding-bottom: 48px; } }
  @media screen and (min-width: 800px) {
    .content-container--upload {
      padding-top: 40px; } }
  @media screen and (min-width: 800px) {
    .content-container--page, .content-container--post {
      padding-top: 48px; } }
  @media screen and (min-width: 800px) {
    .content-container--upload {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-content: stretch;
      align-items: flex-start; }
      .content-container--upload .content-container__main {
        display: block;
        position: relative;
        order: 0;
        flex: 0 1 auto;
        align-self: auto;
        padding-top: 32px;
        right: -24px; }
      .content-container--upload__sidebar {
        display: block;
        position: relative;
        box-sizing: border-box;
        order: 2;
        flex: 0 1 280px;
        align-self: auto;
        right: -48px;
        margin-top: 32px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 16px;
        background-color: #111111;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); }
        .content-container--upload__sidebar:after {
          content: '';
          display: none;
          position: absolute;
          bottom: -172px;
          right: -12px;
          width: 48px;
          height: 159px;
          background-image: url(assets/img/decoration-02-extended.svg);
          background-repeat: no-repeat;
          background-position: top left;
          opacity: .6; } }
      @media screen and (min-width: 800px) and (min-width: 800px) {
        .content-container--upload__sidebar:after {
          display: block; } }
  @media screen and (min-width: 800px) {
        .content-container--upload__sidebar--nodec:after {
          display: none; } }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

/*--------------------------------------------------------------
# Upload sidebar
--------------------------------------------------------------*/
.upload-sidebar-heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
  position: relative;
  z-index: 500;
  left: -16px;
  background-color: #1B3E8F;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #2554c2;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  width: calc(100% - 8px);
  height: 42px;
  margin-bottom: 16px;
  padding-top: 0;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 16px;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 2px; }
  .upload-sidebar-heading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #163375; }
  .upload-sidebar-heading:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 5px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 100px; }

.upload-sidebar-content {
  display: block;
  position: relative;
  margin-top: 24px;
  font-size: 13px;
  line-height: 18px;
  color: #999999; }
  .upload-sidebar-content ul {
    margin-left: 16px;
    list-style-type: disc; }
    .upload-sidebar-content ul li {
      margin-bottom: 8px; }

/*--------------------------------------------------------------
# Intro section
--------------------------------------------------------------*/
.intro-section {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px; }
  @media screen and (min-width: 800px) {
    .intro-section {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-content: stretch;
      align-items: flex-start;
      box-sizing: border-box;
      padding-top: 80px;
      padding-right: 80px;
      padding-bottom: 48px;
      padding-left: 80px; }
      .intro-section--minimast {
        padding-top: 64px; } }
  .intro-section__main {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    margin-bottom: 24px; }
    @media screen and (min-width: 800px) {
      .intro-section__main {
        margin-bottom: 0; } }
  .intro-section__secondary {
    order: 0;
    flex: 0 1 auto;
    align-self: auto; }
    @media screen and (min-width: 800px) {
      .intro-section__secondary {
        min-width: 240px;
        margin-left: 64px; } }
  .intro-section--hub {
    background-color: rgba(28, 97, 56, 0.3); }

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Google fonts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# NMS font
--------------------------------------------------------------*/
@font-face {
  font-family: GeosansLight-NMS;
  src: url(assets/fonts/geonms-webfont.ttf); }
/*--------------------------------------------------------------
# Portal glyphs
--------------------------------------------------------------*/
@font-face {
  font-family: Portal-Glyphs;
  src: url(assets/fonts/NMS-Glyphs-Tight.ttf); }
/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
body {
  font-family: "Muli", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #CCCCCC; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, .ltext,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "GeosansLight-NMS", sans-serif;
  font-weight: normal;
  color: #fff; }

h1, .ltext {
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: 2px;
  text-transform: uppercase; }
  @media screen and (min-width: 800px) {
    h1, .ltext {
      font-size: 2.25rem;
      line-height: 2.5rem; }
      h1.xl, .xl.ltext {
        font-size: 3.25rem;
        line-height: 3.25rem; } }

h2 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 2px; }
  @media screen and (min-width: 800px) {
    h2 {
      font-size: 2rem;
      line-height: 2rem; } }

h3 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 2px; }
  @media screen and (min-width: 800px) {
    h3 {
      font-size: 1.625rem;
      line-height: 1.625rem; } }

h4 {
  text-transform: uppercase;
  letter-spacing: 2px; }

.section-heading {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 3px; }

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #fff; }
  a:hover {
    color: #eee; }

.content-container--page a,
.content-container--post a,
.footer__credit a {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: inherit;
  color: #fff; }
  .content-container--page a:hover,
  .content-container--post a:hover,
  .footer__credit a:hover {
    color: #eee; }

/*--------------------------------------------------------------
# Paragraphs
--------------------------------------------------------------*/
p {
  margin-top: 0;
  margin-bottom: 1.5rem; }
  p:last-of-type {
    margin-bottom: 0; }

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ol,
ul {
  position: relative;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none; }

.content-container--post ul,
.content-container--post ol,
.content-container--page ul,
.content-container--page ol {
  position: relative;
  margin-bottom: 1.5rem;
  margin-left: 24px;
  padding-left: 0;
  list-style-type: none; }
  .content-container--post ul li,
  .content-container--post ol li,
  .content-container--page ul li,
  .content-container--page ol li {
    position: relative;
    margin-bottom: 6px;
    line-height: 1.25rem; }
  .content-container--post ul ul,
  .content-container--post ul ol,
  .content-container--post ol ul,
  .content-container--post ol ol,
  .content-container--page ul ul,
  .content-container--page ul ol,
  .content-container--page ol ul,
  .content-container--page ol ol {
    margin-top: 8px;
    margin-bottom: 3px;
    margin-left: 18px; }
    .content-container--post ul ul li,
    .content-container--post ul ol li,
    .content-container--post ol ul li,
    .content-container--post ol ol li,
    .content-container--page ul ul li,
    .content-container--page ul ol li,
    .content-container--page ol ul li,
    .content-container--page ol ol li {
      margin-bottom: 2px;
      font-size: 0.8125rem;
      font-style: italic;
      font-weight: 300;
      color: #777777; }
.content-container--post ul li:before,
.content-container--page ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: -24px;
  width: 12px;
  height: 4px;
  background-color: #777777;
  border-radius: 100px; }
.content-container--post ul li ul li:before,
.content-container--page ul li ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: -18px;
  width: 9px;
  height: 4px;
  background-color: #444444;
  border-radius: 100px; }
.content-container--post ul li ol li:before,
.content-container--page ul li ol li:before {
  content: counter(counter) ".";
  top: 1.5px;
  background-color: transparent;
  font-size: 0.75rem; }
.content-container--post ol,
.content-container--page ol {
  counter-reset: counter; }
  .content-container--post ol li:before,
  .content-container--page ol li:before {
    content: counter(counter);
    counter-increment: counter;
    display: block;
    position: absolute;
    top: 4px;
    left: -24px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background-color: #444444;
    border-radius: 100px;
    font-size: 0.6875rem;
    line-height: 1rem;
    text-align: center; }
  .content-container--post ol li ol li:before,
  .content-container--page ol li ol li:before {
    content: counter(counter) ".";
    top: 1.5px;
    background-color: transparent;
    font-size: 0.75rem; }
  .content-container--post ol li ul li:before,
  .content-container--page ol li ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: -18px;
    width: 9px;
    height: 4px;
    background-color: #444444;
    border-radius: 100px; }

/*--------------------------------------------------------------
# Dividers
--------------------------------------------------------------*/
hr {
  position: relative;
  margin-top: 32px;
  margin-bottom: 32px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.2);
  border-bottom: none; }

/*--------------------------------------------------------------
# Subheadings
--------------------------------------------------------------*/
.section-subheading {
  display: block;
  position: relative;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #888888; }
  @media screen and (min-width: 800px) {
    .section-subheading {
      margin-bottom: 24px;
      font-size: 1rem;
      line-height: 1rem; } }
  .section-subheading:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 1px;
    background-color: #2f2f2f; }
  .section-subheading__inner {
    display: inline-block;
    position: relative;
    z-index: 50;
    padding-right: 16px;
    background-color: #222222; }

/*--------------------------------------------------------------
# Portal addresses & coordinates
--------------------------------------------------------------*/
.portal-code {
  display: inline-block;
  position: relative;
  width: 100%;
  font-family: "Portal-Glyphs", sans-serif;
  font-size: 2.7rem;
  letter-spacing: 10px;
  line-height: normal;
  text-align: left;
  text-transform: uppercase; }
  @media screen and (min-width: 800px) {
    .portal-code {
      text-align: left; }
      .portal-code--full {
        font-size: 4rem;
        text-align: center; } }

.coordinates {
  display: block;
  position: relative;
  font-size: 1.2rem;
  line-height: normal;
  text-transform: uppercase; }
  @media screen and (min-width: 800px) {
    .coordinates {
      text-align: left; } }

/*--------------------------------------------------------------
# Portal key
--------------------------------------------------------------*/
.portal-key {
  display: block;
  position: relative;
  padding-left: 16px;
  font-family: "Portal-Glyphs", sans-serif;
  text-align: center; }
  .portal-key span {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin-right: 9px;
    background-color: #303030;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    font-size: 30px;
    text-align: center;
    line-height: 32px;
    color: #999; }
    .portal-key span:hover {
      background-color: #ff7f00;
      color: #fff;
      cursor: pointer; }
    .portal-key span:last-of-type {
      margin-right: 0; }

/*--------------------------------------------------------------
# Unselectable text
--------------------------------------------------------------*/
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*--------------------------------------------------------------
# Pre
--------------------------------------------------------------*/
pre {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
  padding: 16px;
  background-color: #CCCCCC;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #000; }

/*--------------------------------------------------------------
# Case
--------------------------------------------------------------*/
.scase {
  text-transform: none; }

.ucase {
  text-transform: uppercase; }

/*--------------------------------------------------------------
# Various font styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  position: relative;
  z-index: 900;
  box-sizing: border-box;
  background-color: #111111;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #d01413;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16), 0 -4px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 800px) {
    .header {
      padding-right: 24px;
      padding-left: 24px; } }
  .header__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    height: 52px; }
    @media screen and (min-width: 800px) {
      .header__container {
        height: 56px; } }
  .header__user {
    order: 0;
    flex: 0 1 auto;
    align-self: center;
    width: 56px;
    height: 56px;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .header__user {
        order: 3;
        align-self: stretch;
        position: relative;
        overflow: visible;
        width: 96px;
        height: auto;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #363636;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #363636;
        text-align: center; } }
    .header__user:hover {
      cursor: pointer; }
    .header__user__loggedout {
      margin-top: 10px;
      padding-left: 8px;
      font-size: 0.8125rem;
      line-height: 1rem; }
      @media screen and (min-width: 800px) {
        .header__user__loggedout {
          padding-right: 8px;
          padding-left: 8px; } }
      .header__user__loggedout a {
        display: block;
        color: #999999; }
    .header__user__avatar {
      position: relative;
      top: 16px;
      width: 24px;
      height: 24px;
      overflow: hidden;
      margin-right: auto;
      margin-left: auto;
      border-radius: 4px; }
      @media screen and (min-width: 800px) {
        .header__user__avatar {
          top: 11px;
          width: 32px;
          height: 32px; } }
      .header__user__avatar .avatar {
        display: block;
        width: 100%;
        min-height: 100%;
        max-height: 24px;
        object-fit: cover;
        object-position: center; }
        @media screen and (min-width: 800px) {
          .header__user__avatar .avatar {
            max-height: 32px; } }
  .header__logo {
    order: 0;
    flex: 1 1 auto;
    align-self: center;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .header__logo {
        order: 1;
        align-self: stretch;
        flex: 0 1 auto;
        width: 96px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #363636;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #363636;
        text-align: center; } }
  .header__menu {
    order: 0;
    flex: 0 1 auto;
    align-self: center; }
    @media screen and (min-width: 800px) {
      .header__menu {
        order: 2;
        flex: 1 1 auto; } }

/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/
.logo {
  display: block;
  position: relative;
  width: 100px;
  height: 38px;
  top: 1px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(assets/img/logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
  @media screen and (min-width: 800px) {
    .logo {
      height: 100%;
      background-size: 56px; } }

/*--------------------------------------------------------------
# Menu toggle
--------------------------------------------------------------*/
.menu-toggle {
  display: block;
  position: relative;
  width: 56px;
  height: 56px;
  overflow: hidden;
  text-align: center; }
  .menu-toggle:hover {
    cursor: pointer; }
  @media screen and (min-width: 800px) {
    .menu-toggle {
      display: none; } }
  .menu-toggle .icon, .menu-toggle .info-icon {
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 11px;
    left: 11px;
    font-size: 24px; }
    .menu-toggle .icon:before, .menu-toggle .info-icon:before {
      position: absolute;
      top: 5px;
      left: 5px; }

/*--------------------------------------------------------------
# Main menu
--------------------------------------------------------------*/
.main-menu {
  display: none;
  position: absolute;
  box-sizing: border-box;
  top: 56px;
  right: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding-top: 8px;
  padding-right: 32px;
  padding-bottom: 24px;
  padding-left: 32px;
  background-color: #222222;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #d01413;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.16); }
  .main-menu ul li a {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #2f2f2f;
    font-family: "GeosansLight-NMS", sans-serif;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff; }
    .main-menu ul li a:hover {
      color: #eee; }
  .main-menu ul li:last-child a {
    border-bottom: none; }
  @media screen and (min-width: 800px) {
    .main-menu {
      display: block !important;
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none;
      text-align: center; }
      .main-menu ul li {
        display: inline-block;
        position: relative;
        margin-right: 16px; }
        .main-menu ul li a {
          display: inline-block;
          padding-top: 4px;
          padding-right: 18px;
          padding-bottom: 4px;
          border-right-width: 1px;
          border-right-style: solid;
          border-right-color: #272727;
          border-bottom: none;
          font-size: 1.125rem;
          line-height: 1.125rem; }
        .main-menu ul li:last-child {
          margin-right: 0; }
          .main-menu ul li:last-child a {
            border-right: none; } }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding-top: 32px;
  padding-right: 24px;
  padding-bottom: 32px;
  padding-left: 24px;
  background-color: #111111;
  text-align: center; }
  @media screen and (min-width: 800px) {
    .footer {
      padding-top: 48px;
      padding-bottom: 44px; } }
  .footer__social .icon, .footer__social .info-icon {
    margin-right: 4px; }
    .footer__social .icon:before, .footer__social .info-icon:before {
      display: inline;
      position: relative;
      top: 4px;
      font-size: 18px;
      line-height: 18px;
      color: #CCCCCC; }
  .footer__social a {
    display: block;
    margin-bottom: 8px;
    color: #CCCCCC; }
    @media screen and (min-width: 800px) {
      .footer__social a {
        display: inline-block;
        margin-right: 24px; } }
    .footer__social a:last-of-type {
      margin-right: 0; }
    .footer__social a:hover {
      color: #fff; }
  .footer__credit, .footer__legal, .footer__version {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
    text-align: center; }
  .footer__credit, .footer__legal {
    margin-top: 16px;
    padding-top: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #222222; }
  .footer__version {
    margin-top: 16px; }
    @media screen and (min-width: 800px) {
      .footer__version {
        margin-top: 10px; } }
  .footer__tertiary {
    position: relative;
    padding-top: 16px;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #777777; }
    @media screen and (min-width: 800px) {
      .footer__tertiary {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: flex-start;
        align-items: flex-start;
        margin-top: 8px; } }
    .footer__tertiary a {
      color: #777777;
      margin-right: 16px; }
      .footer__tertiary a:last-child {
        margin-right: 0; }
      .footer__tertiary a:hover {
        color: #eee; }
    .footer__tertiary__requests {
      margin-bottom: 12px; }
      @media screen and (min-width: 800px) {
        .footer__tertiary__requests {
          margin-right: 24px; }
          .footer__tertiary__requests:after {
            content: '//';
            display: inline-block;
            position: relative;
            margin-left: 24px;
            color: #2b2b2b; } }

/*--------------------------------------------------------------
# Mast
--------------------------------------------------------------*/
.mast {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
  position: relative;
  z-index: 500;
  min-height: 80px;
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  background-color: #115C26;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #1b903b;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); }
  .mast:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #0c421b; }
  .mast:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 7px;
    height: 7px;
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 100px; }
  @media screen and (min-width: 800px) {
    .mast {
      min-height: 80px;
      margin-right: 160px;
      margin-bottom: -56px;
      padding-right: 24px;
      padding-left: 32px; } }
  .mast__content {
    order: 0;
    flex: 1 1 auto;
    align-self: auto; }
  .mast__actions {
    display: none;
    margin-top: 8px;
    margin-right: 16px;
    align-self: flex-start; }
    @media screen and (min-width: 800px) {
      .mast__actions {
        display: flex; } }
  .mast__emblem {
    max-width: 80px; }
    .mast__emblem img {
      overflow: hidden;
      border-radius: 100px; }
    @media screen and (min-width: 800px) {
      .mast__emblem {
        margin-right: 8px; } }
  .mast--slim {
    min-height: 28px; }
    @media screen and (min-width: 800px) {
      .mast--slim {
        min-height: 52px;
        margin-bottom: -40px; } }
  @media screen and (min-width: 800px) {
    .mast--wide {
      margin-right: 108px; } }
  .mast--mini {
    min-height: auto;
    height: 46px;
    padding-top: 2px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .mast--mini {
        top: -32px;
        margin-top: 80px;
        margin-right: 124px; } }
  .mast--post h1, .mast--post .ltext {
    text-transform: none; }
  .mast--reset {
    position: relative;
    top: 0;
    margin-right: 0;
    margin-bottom: 0; }
  .mast--nodec:before {
    display: none; }
  .mast--modal {
    margin-top: 0; }
  .mast__icon {
    position: relative;
    display: none;
    overflow: hidden;
    min-width: 64px;
    height: 64px;
    margin-right: 24px;
    background-color: #777777;
    box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.35);
    text-align: center; }
    @media screen and (min-width: 800px) {
      .mast__icon {
        display: block; } }

/*--------------------------------------------------------------
# Mast colors
--------------------------------------------------------------*/
.mast--system {
  background-color: #341343;
  border-top-color: #6b288b; }
  .mast--system:after {
    background-color: #341343; }
.mast--planet-moon {
  background-color: #5c1612;
  border-top-color: #a92821; }
  .mast--planet-moon:after {
    background-color: #5c1612; }
.mast--fauna {
  background-color: #553107;
  border-top-color: #aa620e; }
  .mast--fauna:after {
    background-color: #553107; }
.mast--flora {
  background-color: #0c421b;
  border-top-color: #1b903b; }
  .mast--flora:after {
    background-color: #0c421b; }
.mast--ship {
  background-color: #0a2c44;
  border-top-color: #165f94; }
  .mast--ship:after {
    background-color: #0a2c44; }
.mast--base {
  background-color: #15393b;
  border-top-color: #2d7b7f; }
  .mast--base:after {
    background-color: #15393b; }
.mast--other {
  background-color: #353535;
  border-top-color: #636363; }
  .mast--other:after {
    background-color: #353535; }
.mast--multi-tool {
  background-color: #2b4634;
  border-top-color: #4e7f5e; }
  .mast--multi-tool:after {
    background-color: #2b4634; }
.mast--station {
  background-color: #062e5a;
  border-top-color: #0c5ab0; }
  .mast--station:after {
    background-color: #062e5a; }
.mast--structure {
  background-color: #245a5c;
  border-top-color: #3e9b9e; }
  .mast--structure:after {
    background-color: #245a5c; }

.mast--page {
  background-color: #1B3E8F;
  border-top-color: #2554c2; }
  .mast--page:after {
    background-color: #163375; }

.mast--hub {
  background-color: #1C6138;
  border-top-color: #2a9053; }
  .mast--hub:after {
    background-color: #15492a; }

.mast--lfg {
  background-color: #204F50;
  border-top-color: #317a7c; }
  .mast--lfg:after {
    background-color: #17393a; }

/*--------------------------------------------------------------
# Post cover
--------------------------------------------------------------*/
.post-cover {
  position: relative;
  max-width: 100%; }
  @media screen and (min-width: 800px) {
    .post-cover {
      margin-top: -48px; }
      .post-cover img {
        width: 100%;
        height: auto; } }
  .post-cover--video {
    position: relative;
    padding-bottom: 53.8%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
    .post-cover--video__container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/*--------------------------------------------------------------
# Post footer
--------------------------------------------------------------*/
.post-footer {
  background-color: #181818;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2c2c2c; }

/*--------------------------------------------------------------
# Basic post formatting
--------------------------------------------------------------*/
.post h2 {
  position: relative;
  margin-top: 48px;
  margin-bottom: 8px; }
.post h3 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 8px; }

/*--------------------------------------------------------------
# Galleries
--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start; }
  @media screen and (min-width: 800px) {
    .gallery {
      margin-top: 40px;
      margin-right: -88px;
      margin-bottom: 32px;
      margin-left: -88px; } }
  .gallery .gallery-item {
    text-align: center; }
    @media screen and (min-width: 800px) {
      .gallery .gallery-item {
        order: 0;
        flex: 0 1 calc(33.3% - 6px);
        align-self: auto;
        margin-right: 8px;
        margin-bottom: 8px; }
        .gallery .gallery-item:nth-child(3n) {
          margin-right: 0; } }
    .gallery .gallery-item img {
      display: block;
      position: relative;
      width: 100%; }
  .gallery figcaption {
    display: none; }

/*--------------------------------------------------------------
# Hub item
--------------------------------------------------------------*/
.hub-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2f2f2f; }
  @media screen and (min-width: 800px) {
    .hub-item {
      justify-content: flex-start;
      padding-top: 40px;
      padding-right: 72px;
      padding-bottom: 32px;
      padding-left: 72px; } }
  @media screen and (min-width: 800px) {
    .hub-item:first-of-type {
      padding-top: 64px; } }
  .hub-item__thumbnail {
    order: 0;
    flex: 0 1 auto;
    align-self: flex-start;
    position: relative;
    will-change: auto; }
    @media screen and (min-width: 800px) {
      .hub-item__thumbnail {
        align-self: center; } }
    .hub-item__thumbnail img {
      display: block;
      position: relative;
      max-width: 40px;
      overflow: hidden;
      border-radius: 100px; }
      @media screen and (min-width: 800px) {
        .hub-item__thumbnail img {
          max-width: 160px; } }
  .hub-item__main {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    margin-left: 16px; }
    @media screen and (min-width: 800px) {
      .hub-item__main {
        width: 100%;
        margin-left: 40px; } }
  .hub-item__meta {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    margin-top: 16px; }
    @media screen and (min-width: 800px) {
      .hub-item__meta {
        display: flex; } }
    .hub-item__meta__cell {
      flex: 0 1 100%;
      align-self: auto;
      margin-bottom: 12px;
      text-align: center;
      font-size: 0.875rem; }
      @media screen and (min-width: 800px) {
        .hub-item__meta__cell {
          flex: 0 1 calc(33.33% - 24px);
          margin-right: 24px;
          text-align: left; }
          .hub-item__meta__cell:nth-child(3n) {
            margin-right: 0; } }
    .hub-item__meta__label {
      font-size: 0.75rem;
      text-transform: uppercase;
      color: #777777; }
    .hub-item__meta__value {
      position: relative;
      margin-top: -4px; }
      .hub-item__meta__value--empty {
        color: #373737; }
  .hub-item__cover-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .hub-item__cover-link h2 {
      color: #ffa800; }
  .hub-item:hover {
    cursor: pointer;
    background-color: #272727; }
    .hub-item:hover h2 a {
      color: #eee; }
    .hub-item:hover .thumbnail:after {
      box-shadow: inset 0px 0px 0px 8px rgba(0, 0, 0, 0.32); }

/*--------------------------------------------------------------
# Private hub banner
--------------------------------------------------------------*/
.hub-private-banner {
  display: block;
  position: relative;
  margin-top: 0;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  background-color: #083d77;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #06315f;
  text-align: center;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: .8px;
  color: #EEE;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

/*--------------------------------------------------------------
# Meta
--------------------------------------------------------------*/
.meta {
  position: relative;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.25); }
  .meta a {
    color: rgba(255, 255, 255, 0.25); }
    .meta a .highlight {
      border-bottom-width: 1px;
      border-bottom-style: dotted;
      border-bottom-color: rgba(255, 255, 255, 0.25); }
    .meta a:hover .highlight {
      color: rgba(255, 255, 255, 0.5);
      border-bottom-color: rgba(255, 255, 255, 0.5); }
  .meta__item {
    display: inline;
    position: relative;
    margin-right: 12px;
    padding-left: 18px; }
    .meta__item:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 13px;
      height: 14px;
      background-image: url(assets/img/dec1-mini.svg);
      background-size: 13px;
      background-repeat: no-repeat;
      background-position: center bottom;
      opacity: .09; }
  @media screen and (min-width: 800px) {
    .meta__edit {
      display: none; } }

/*--------------------------------------------------------------
# Platforms
--------------------------------------------------------------*/
.meta__platform {
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 22px;
  height: 22px;
  overflow: hidden;
  margin-left: 4px;
  padding-left: 0;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .25; }
  .meta__platform:before {
    display: none; }
  .meta__platform--ps4 {
    background-image: url(assets/img/icons/platform-ps.png); }
  .meta__platform--xbox {
    background-image: url(assets/img/icons/platform-xbox.png); }
  .meta__platform--pc {
    background-image: url(assets/img/icons/platform-pc.png); }

/*--------------------------------------------------------------
# Features block
--------------------------------------------------------------*/
.features {
  position: relative;
  padding-top: 40px;
  background-color: #222222;
  background-image: url(assets/img/features-cover.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(34, 34, 34, 0.1);
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
  text-align: center; }
  @media screen and (min-width: 800px) {
    .features {
      margin-top: 40px;
      padding-top: 72px;
      padding-bottom: 72px; } }
  .features:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.85); }
  .features .container {
    position: relative;
    z-index: 500; }
  .features__icon {
    margin-bottom: 4px; }
  .features__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    margin-top: 24px;
    margin-right: 24px;
    margin-left: 24px; }
    @media screen and (min-width: 800px) {
      .features__list {
        justify-content: center; } }
    .features__list__col {
      order: 0;
      flex: 0 1 calc(50% - 20px);
      align-self: auto;
      margin-right: 40px;
      margin-bottom: 40px; }
      @media screen and (min-width: 800px) {
        .features__list__col {
          flex: 0 1 calc(25% - 60px);
          margin-right: 60px;
          margin-bottom: 0; } }
      .features__list__col:nth-child(2n) {
        margin-right: 0; }
        @media screen and (min-width: 800px) {
          .features__list__col:nth-child(2n) {
            margin-right: 60px; } }
      .features__list__col:last-of-type {
        margin-right: 0; }
      .features__list__col .features__icon {
        height: 51px; }
    .features__list__description {
      font-size: 0.75rem;
      line-height: 1.25rem;
      color: #999999; }
      @media screen and (min-width: 800px) {
        .features__list__description {
          font-size: 0.875rem;
          line-height: 1.5rem; } }

.features__brand {
  margin-right: 24px;
  margin-bottom: 40px;
  margin-left: 24px; }
  .features__brand__logo {
    display: block;
    position: relative;
    width: 220px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 64px;
    background-image: url(assets/img/logo.svg);
    background-repeat: no-repeat;
    background-size: 96px;
    background-position: top center;
    font-family: "GeosansLight-NMS", sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff; }
  .features__brand__description {
    display: inline-block;
    position: relative;
    margin-top: 6px;
    padding-bottom: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.05);
    font-family: "GeosansLight-NMS", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 1px;
    text-transform: uppercase; }
    @media screen and (min-width: 800px) {
      .features__brand__description {
        padding-bottom: 24px;
        min-width: 680px; } }

/*--------------------------------------------------------------
# Category icons
--------------------------------------------------------------*/
.icon-category--system {
  background-color: #461A5B; }
.icon-category--planet-moon {
  background-color: #761C17; }
.icon-category--fauna {
  background-color: #714109; }
.icon-category--flora {
  background-color: #115C26; }
.icon-category--ship {
  background-color: #0E3D5F; }
.icon-category--base {
  background-color: #1D4F52; }
.icon-category--multi-tool {
  background-color: #375942; }
.icon-category--station {
  background-color: #083d77; }
.icon-category--structure {
  background-color: #2d7072; }
.icon-category--other {
  background-color: #444444; }

/*--------------------------------------------------------------
# Info container
--------------------------------------------------------------*/
.info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start; }
  .info-container__group {
    box-sizing: border-box;
    order: 0;
    flex: 0 1 100%;
    align-self: auto; }
    @media screen and (min-width: 800px) {
      .info-container__group {
        flex: 0 1 calc(33.33% - 6px); } }

/*--------------------------------------------------------------
# Info cells
--------------------------------------------------------------*/
.info-cell {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  margin-top: 8px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: #2a2a2a; }
  .info-cell__icon {
    order: 0;
    flex: 0 1 auto;
    align-self: center;
    position: relative;
    margin-right: 16px; }
  .info-cell__main {
    order: 0;
    flex: 1 1 auto;
    align-self: center; }
  .info-cell__label {
    position: relative;
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 0.6875rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: gray; }
  .info-cell__value {
    position: relative;
    margin-top: 6px;
    line-height: 1rem; }
    .info-cell__value--empty {
      color: #373737; }

/*--------------------------------------------------------------
# Info cell icon backgrounds
--------------------------------------------------------------*/
.info-cell__icon {
  position: relative;
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-color: #777777;
  text-align: center;
  line-height: 40px; }
  .info-cell__icon--blank {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.16); }
  .info-cell__icon--day-time-temp {
    background-color: #ED8324; }
  .info-cell__icon--night-time-temp {
    background-color: #572E7D; }
  .info-cell__icon--high-temp {
    background-color: #ED8324; }
  .info-cell__icon--low-temp {
    background-color: #572E7D; }
  .info-cell__icon--resource-levels {
    background-color: #4A6C91; }

/*--------------------------------------------------------------
# Info cell icons
--------------------------------------------------------------*/
.info-icon {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background-image: url(assets/img/icons/icon-sprite.png);
  background-size: 520px;
  background-repeat: no-repeat;
  box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.16);
  /*--------------------------------------------------------------
  # System
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Planet / moon
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Fauna
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Flora
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Ship
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Multitool
  --------------------------------------------------------------*/ }
  .info-icon--galaxy {
    background-position: 0 -280px;
    background-color: #007fae; }
  .info-icon--spectral-class {
    background-position: -40px -280px;
    background-color: #d54e21; }
  .info-icon--region {
    background-position: -80px -280px;
    background-color: #5f6c72; }
  .info-icon--number-of-planets {
    background-position: -120px -280px;
    background-color: #761C17; }
  .info-icon--number-of-moons {
    background-position: -160px -280px;
    background-color: #375669; }
  .info-icon--conflict-level {
    background-position: 0 -320px;
    background-color: #a93c3b; }
  .info-icon--economy-type {
    background-position: -280px -360px;
    background-color: #008272; }
  .info-icon--economy-type--trading {
    background-position: -120px -360px; }
  .info-icon--economy-type--advanced-materials {
    background-position: -80px -360px; }
  .info-icon--economy-type--scientific {
    background-position: -160px -360px; }
  .info-icon--economy-type--mining {
    background-position: 0 -360px; }
  .info-icon--economy-type--manufacturing {
    background-position: -240px -360px; }
  .info-icon--economy-type--technology {
    background-position: -200px -360px; }
  .info-icon--economy-type--power-generation {
    background-position: -40px -360px; }
  .info-icon--economy-level {
    background-position: 0 -400px;
    background-color: #ad841f; }
  .info-icon--biome {
    background-position: -400px 0;
    background-color: #657786; }
  .info-icon--biome--frozen {
    background-position: -40px 0;
    background-color: #48a9c5; }
  .info-icon--biome--scorched {
    background-position: -80px 0;
    background-color: #eb5424; }
  .info-icon--biome--irradiated {
    background-position: -120px 0;
    background-color: #ecb731; }
  .info-icon--biome--toxic {
    background-position: -160px 0;
    background-color: #537b35; }
  .info-icon--biome--lush {
    background-position: -240px 0;
    background-color: #b84592; }
  .info-icon--biome--barren {
    background-position: -280px 0;
    background-color: #84754e; }
  .info-icon--biome--airless {
    background-position: -320px 0;
    background-color: #7b8994; }
  .info-icon--biome--exotic {
    background-position: -360px 0;
    background-color: #00598e; }
  .info-icon--weather {
    background-position: 0 -40px; }
  .info-icon--weather--hot {
    background-position: -40px -40px;
    background-color: #da552f; }
  .info-icon--weather--cold {
    background-position: -80px -40px;
    background-color: #48a9c5; }
  .info-icon--weather--toxic {
    background-position: -120px -40px;
    background-color: #537b35; }
  .info-icon--weather--radioactive {
    background-position: -160px -40px;
    background-color: #ecb731; }
  .info-icon--weather--lush {
    background-position: -240px -40px;
    background-color: #eea642; }
  .info-icon--weather--barren {
    background-position: -280px 0;
    background-color: #84754e; }
  .info-icon--weather--dead {
    background-position: -200px -40px;
    background-color: #cc342d; }
  .info-icon--weather--clear {
    background-position: -240px -40px;
    background-color: #1885bf; }
  .info-icon--weather--glitch {
    background-position: -280px -40px;
    background-color: #a896a0; }
  .info-icon--dominant-lifeform {
    background-position: -40px -200px;
    background-color: #6e5494; }
  .info-icon--gek {
    background-position: -80px -200px; }
  .info-icon--korvax {
    background-position: 0 -200px; }
  .info-icon--travelers {
    background-position: -120px -200px; }
  .info-icon--temperature {
    background-position: 0 -80px;
    background-color: #50667f; }
  .info-icon--extreme-temperature {
    background-position: 0 -80px;
    background-color: #534540; }
  .info-icon--flora-levels {
    background-position: 0 -160px;
    background-color: #15722f; }
  .info-icon--fauna-levels {
    background-position: 0 -120px;
    background-color: #894f0b; }
  .info-icon--sentinel-activity {
    background-position: 0 -240px;
    background-color: #cc342d; }
  .info-icon--moon-of {
    background-position: -160px -280px;
    background-color: #375669; }
  .info-icon--age {
    background-position: 0 -440px;
    background-color: #375669; }
  .info-icon--gender {
    background-position: -40px -440px;
    background-color: #ad8474; }
  .info-icon--notes {
    background-position: -80px -440px;
    background-color: #2c563a; }
  .info-icon--behaviour {
    background-position: -120px -440px;
    background-color: #00a0af; }
  .info-icon--diet {
    background-position: -160px -440px;
    background-color: #b62b6e; }
  .info-icon--weight {
    background-position: -200px -440px;
    background-color: #616f67; }
  .info-icon--height {
    background-position: -240px -440px;
    background-color: #685c53; }
  .info-icon--rarity {
    background-position: -400px 0;
    background-color: #894f0b; }
  .info-icon--root-structure {
    background-position: 0 -480px;
    background-color: #766a65; }
  .info-icon--nutrient-source {
    background-position: -160px -440px;
    background-color: #cd595a; }
  .info-icon--primary-element {
    background-position: -40px -480px;
    background-color: #70b29c; }
  .info-icon--secondary-element {
    background-position: -40px -480px;
    background-color: #685c53; }
  .info-icon--type {
    background-position: -400px 0;
    background-color: #657786; }
  .info-icon--damage-bonus {
    background-position: -40px -560px;
    background-color: #bf0d3e; }
  .info-icon--class {
    background-position: -120px -520px;
    background-color: #8aba56; }
  .info-icon--shield-bonus {
    background-position: 0 -520px;
    background-color: #fa9f1e; }
  .info-icon--slots {
    background-position: -40px -520px;
    background-color: #004977; }
  .info-icon--tech-slots {
    background-position: -40px -520px;
    background-color: #657786; }
  .info-icon--hyperdrive-bonus {
    background-position: 0 -280px;
    background-color: #52057f; }
  .info-icon--scanner-bonus {
    background-position: -80px -520px;
    background-color: #dc5034; }
  .info-icon--mining-bonus {
    background-position: 0 -560px;
    background-color: #375942; }

@font-face {
  font-family: 'atlasicons';
  src: url("assets/fonts/atlasicons2207.eot?qodygr");
  src: url("assets/fonts/atlasicons2207.eot?qodygr#iefix") format("embedded-opentype"), url("assets/fonts/atlasicons2207.ttf?qodygr") format("truetype"), url("assets/fonts/atlasicons2207.woff?qodygr") format("woff"), url("assets/fonts/atlasicons2207.svg?qodygr#atlasicons") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon, .info-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'atlasicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-private:before {
  content: "\e94e"; }

.icon-filter:before {
  content: "\e94d"; }

.icon-menu:before {
  content: "\e94c"; }

.icon-add:before {
  content: "\e94b"; }

.icon-dropdown:before {
  content: "\e949"; }

.icon-user:before {
  content: "\e948"; }

.icon-share:before {
  content: "\e946"; }

.icon-search:before {
  content: "\e947"; }

.icon-logout:before {
  content: "\e941"; }

.icon-remove:before {
  content: "\e942"; }

.icon-delete:before {
  content: "\e943"; }

.icon-close:before {
  content: "\e944"; }

.icon-cancel:before {
  content: "\e945"; }

.icon-patreon:before {
  content: "\e94a";
  color: #f96854; }

.icon-google:before {
  content: "\e93b";
  color: #4285f4; }

.icon-playstation:before {
  content: "\e93c";
  color: #003791; }

.icon-xbox:before {
  content: "\e93d";
  color: #107c10; }

.icon-facebook:before {
  content: "\e93e";
  color: #3b5998; }

.icon-twitter:before {
  content: "\e93f";
  color: #1da1f2; }

.icon-discord:before {
  content: "\e940";
  color: #7289da; }

.icon-circle:before {
  content: "\e927";
  color: #fff; }

.icon-plant:before {
  content: "\e928";
  color: #fff; }

.icon-defense:before {
  content: "\e929";
  color: #fff; }

.icon-info:before {
  content: "\e92a";
  color: #fff; }

.icon-tools:before {
  content: "\e92b";
  color: #fff; }

.icon-trade:before {
  content: "\e92c";
  color: #fff; }

.icon-microchip:before {
  content: "\e92d";
  color: #fff; }

.icon-heart:before {
  content: "\e92e";
  color: #fff; }

.icon-dots:before, .icon--other:before, .filter-category .facetwp-radio[data-value='other']:before {
  content: "\e92f";
  color: #fff; }

.icon-abstract6:before {
  content: "\e930";
  color: #fff; }

.icon-connect2:before {
  content: "\e931";
  color: #fff; }

.icon-plug:before {
  content: "\e932";
  color: #fff; }

.icon-hourglass:before {
  content: "\e933";
  color: #fff; }

.icon-factory:before {
  content: "\e934";
  color: #fff; }

.icon-target:before {
  content: "\e935";
  color: #fff; }

.icon-war:before {
  content: "\e936";
  color: #fff; }

.icon-construction:before {
  content: "\e937";
  color: #fff; }

.icon-science:before {
  content: "\e938";
  color: #fff; }

.icon-eye:before {
  content: "\e939";
  color: #fff; }

.icon-science2:before {
  content: "\e93a";
  color: #fff; }

.icon-abstract1:before {
  content: "\e900";
  color: #fff; }

.icon-abstract2:before {
  content: "\e901";
  color: #fff; }

.icon-abstract3:before {
  content: "\e902";
  color: #fff; }

.icon-building:before, .icon--structure:before, .filter-category .facetwp-radio[data-value='structure']:before {
  content: "\e903";
  color: #fff; }

.icon-cactus:before {
  content: "\e904";
  color: #fff; }

.icon-cloud:before {
  content: "\e905";
  color: #fff; }

.icon-connect:before {
  content: "\e906";
  color: #fff; }

.icon-drop:before {
  content: "\e907";
  color: #fff; }

.icon-flame:before {
  content: "\e908";
  color: #fff; }

.icon-galaxy:before {
  content: "\e909";
  color: #fff; }

.icon-gun:before, .icon--multi-tool:before, .filter-category .facetwp-radio[data-value='multi-tool']:before {
  content: "\e90a";
  color: #fff; }

.icon-height:before {
  content: "\e90b";
  color: #fff; }

.icon-abstract4:before, .icon--station:before, .filter-category .facetwp-radio[data-value='station']:before {
  content: "\e90c";
  color: #fff; }

.icon-abstract5:before {
  content: "\e90d";
  color: #fff; }

.icon-home:before, .icon--base:before, .filter-category .facetwp-radio[data-value='base']:before {
  content: "\e90e";
  color: #fff; }

.icon-leaf:before, .icon--flora:before, .filter-category .facetwp-radio[data-value='flora']:before {
  content: "\e90f";
  color: #fff; }

.icon-leaf2:before {
  content: "\e910";
  color: #fff; }

.icon-lightning:before {
  content: "\e911";
  color: #fff; }

.icon-meat:before {
  content: "\e912";
  color: #fff; }

.icon-moon:before, .icon--moon:before {
  content: "\e913";
  color: #fff; }

.icon-none:before {
  content: "\e914";
  color: #fff; }

.icon-palmtree:before {
  content: "\e915";
  color: #fff; }

.icon-paw:before, .icon--fauna:before, .filter-category .facetwp-radio[data-value='fauna']:before {
  content: "\e916";
  color: #fff; }

.icon-planet:before, .icon--planet-moon:before, .filter-category .facetwp-radio[data-value='planet-moon']:before {
  content: "\e917";
  color: #fff; }

.icon-power:before {
  content: "\e918";
  color: #fff; }

.icon-pulse:before {
  content: "\e919";
  color: #fff; }

.icon-radioactive:before {
  content: "\e91a";
  color: #fff; }

.icon-scale:before {
  content: "\e91b";
  color: #fff; }

.icon-shield:before {
  content: "\e91c";
  color: #fff; }

.icon-ship:before, .icon--ship:before, .filter-category .facetwp-radio[data-value='ship']:before {
  content: "\e91d";
  color: #fff; }

.icon-skull:before {
  content: "\e91e";
  color: #fff; }

.icon-skullcross:before {
  content: "\e91f";
  color: #fff; }

.icon-snow:before {
  content: "\e920";
  color: #fff; }

.icon-specs:before {
  content: "\e921";
  color: #fff; }

.icon-sun:before {
  content: "\e922";
  color: #fff; }

.icon-swirl:before {
  content: "\e923";
  color: #fff; }

.icon-system:before, .icon--system:before, .filter-category .facetwp-radio[data-value='system']:before {
  content: "\e924";
  color: #fff; }

.icon-toxic:before {
  content: "\e925";
  color: #fff; }

.icon-wind:before {
  content: "\e926";
  color: #fff; }

.icon--category:before {
  font-size: 48px;
  line-height: 64px; }
.icon--tile-category:before {
  font-size: 32px;
  line-height: 40px; }

.icon-set:before {
  font-size: 32px; }

.icon-abstract1:before,
.icon-abstract2:before,
.icon-abstract3:before {
  font-size: 24px; }

/*--------------------------------------------------------------
# Defaults
--------------------------------------------------------------*/
.acf-hidden {
  display: none !important; }

*:focus {
  outline: none; }

input:required {
  box-shadow: none; }

::-webkit-input-placeholder {
  color: #222222;
  color: dimgray; }

:-moz-placeholder {
  color: #222222;
  color: dimgray; }

::-moz-placeholder {
  color: #222222;
  color: dimgray; }

:-ms-input-placeholder {
  color: #222222;
  color: dimgray; }

input[type='number'] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="file"] {
  display: block;
  width: 100%;
  font-size: inherit; }

/*--------------------------------------------------------------
# ACF Forms
--------------------------------------------------------------*/
.acf-form {
  position: relative; }

.acf-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }

.acf-field {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: stretch;
  position: relative;
  min-height: 50px;
  margin-bottom: 1px;
  padding-bottom: 2px;
  background-color: #363636; }
  @media screen and (min-width: 800px) {
    .acf-field {
      flex-wrap: nowrap;
      align-content: center;
      align-items: flex-start; }
      .acf-field__half {
        flex: 0 1 calc(50% - .5px);
        margin-right: 1px; }
        .acf-field__half__last {
          margin-right: 0; } }
  .acf-field .acf-label {
    order: 0;
    flex: 0 1 100%;
    align-self: stretch; }
    .acf-field .acf-label label {
      display: block;
      position: relative;
      width: 100%; }
    @media screen and (min-width: 800px) {
      .acf-field .acf-label {
        flex: 0 1 200px; } }
  .acf-field .acf-input {
    order: 0;
    flex: 0 1 100%;
    align-self: center;
    line-height: 1rem; }
    @media screen and (min-width: 800px) {
      .acf-field .acf-input {
        flex: 0 1 calc(100% - 200px); } }
  .acf-field.focused {
    background-color: #4b4b4b;
    box-shadow: inset 0 -2px 0 #747474; }
    .acf-field.focused .acf-label label {
      color: #ffa800; }

.fieldgroup-start {
  margin-top: 32px; }

.acf-label label {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 0.6875rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: gray;
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px; }
  @media screen and (min-width: 800px) {
    .acf-label label {
      padding-top: 20px; } }

.acf-form input,
.acf-form textarea {
  box-sizing: border-box;
  color: #fff;
  resize: vertical; }
.acf-form input[type="text"],
.acf-form input[type="email"],
.acf-form input[type="paddword"],
.acf-form input[type="number"],
.acf-form textarea {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 6px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1rem; }
  @media screen and (min-width: 800px) {
    .acf-form input[type="text"],
    .acf-form input[type="email"],
    .acf-form input[type="paddword"],
    .acf-form input[type="number"],
    .acf-form textarea {
      padding-top: 16px; } }
.acf-form select {
  width: calc(100% - 32px);
  margin-right: 16px;
  margin-left: 16px;
  background-color: #444444;
  border: none;
  color: #fff; }

/*--------------------------------------------------------------
# Checkbox and radio lists
--------------------------------------------------------------*/
.acf-form .acf-checkbox-list,
.acf-form .acf-radio-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 9px;
  padding-left: 16px; }
  .acf-form .acf-checkbox-list li,
  .acf-form .acf-radio-list li {
    flex: 0 1 50%;
    align-self: auto;
    margin-bottom: 8px; }
    @media screen and (min-width: 800px) {
      .acf-form .acf-checkbox-list li,
      .acf-form .acf-radio-list li {
        flex: 0 1 33%; } }
    .acf-form .acf-checkbox-list li input,
    .acf-form .acf-radio-list li input {
      margin-right: 4px; }

/*--------------------------------------------------------------
# Select2
--------------------------------------------------------------*/
div[data-ftype="select"] {
  box-sizing: border-box; }
  @media screen and (min-width: 800px) {
    div[data-ftype="select"] {
      margin-top: 0;
      margin-bottom: 0; } }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 0 !important;
  padding-left: 0 !important;
  line-height: 1rem !important; }

.select2-selection--single {
  height: 50px !important;
  padding-top: 16px;
  padding-left: 16px;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px !important;
  right: 16px !important; }

.select2-container--open {
  background-color: #4b4b4b; }

.select2-search__field {
  color: #222222; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #222222;
  color: dimgray !important; }

.select2-dropdown {
  background-color: #eeeeee !important;
  border: none !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  border-radius: 0 !important; }

.select2-results__option {
  color: #222222; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #115C26 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  right: 42px;
  color: #777777; }
  .select2-container--default .select2-selection--single .select2-selection__clear:hover {
    color: #fff; }

.select2-container .select2-selection--single .select2-selection__rendered {
  overflow: visible !important; }

/*--------------------------------------------------------------
# Validation states
--------------------------------------------------------------*/
.acf-input .acf-notice,
.acf-input .acf-error-message {
  display: none !important; }

.acf-error-message {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 24px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: #831919;
  color: #fff; }

.acf-field.acf-error {
  box-shadow: inset 0 -2px 0 #d01413; }
  .acf-field.acf-error .acf-label label {
    color: #d01413; }

.portal-glyph-input {
  margin-bottom: 0; }

.portal-glyph-input input[type="text"] {
  padding-top: 7px;
  padding-bottom: 6px;
  font-family: "Portal-Glyphs", sans-serif;
  text-transform: uppercase;
  font-size: 2.375rem;
  line-height: 2.375rem;
  letter-spacing: 6px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.portal-clicker {
  background-color: transparent;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #363636;
  border-bottom-color: #363636;
  border-left-color: #363636; }
  .portal-clicker .acf-label {
    display: none; }
  .portal-clicker .acf-input {
    flex: 0 1 100%;
    position: relative;
    margin-top: 4px; }
    .portal-clicker .acf-input .portal-key {
      padding-left: 0; }

/*--------------------------------------------------------------
# ACF image repeater
--------------------------------------------------------------*/
.acf-table thead {
  display: none; }

.acf-row.acf-clone {
  display: none; }

.acf-table {
  width: 100%; }
  .acf-table .image-wrap {
    display: none; }

.acf-row-handle.order {
  width: 32px;
  cursor: grab; }

.acf-row-handle.remove {
  width: 32px; }

/*--------------------------------------------------------------
# Tag select 2
--------------------------------------------------------------*/
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none !important; }

.select2-container .select2-selection--multiple {
  height: auto !important;
  min-height: auto !important;
  padding-left: 16px !important; }

.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important; }

.select2-container--default .select2-selection--multiple {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-top: 4px !important;
  padding-right: 8px !important;
  padding-bottom: 6px !important;
  padding-left: 8px !important;
  background-color: #115C26 !important;
  border: none !important;
  color: #fff !important;
  font-size: 13px;
  line-height: 13px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-left: 0 !important;
  padding: 0 !important; }

.select2-selection__choice__remove {
  margin-right: 6px !important; }

/*--------------------------------------------------------------
# Append & prefix
--------------------------------------------------------------*/
.acf-input-append {
  display: block;
  position: absolute;
  right: 22px;
  top: 33px;
  color: #777777;
  z-index: 100; }
  @media screen and (min-width: 800px) {
    .acf-input-append {
      top: 16px; } }

/*--------------------------------------------------------------
# Submit box
--------------------------------------------------------------*/
.acf-form-submit {
  width: 100%;
  display: block;
  position: relative;
  box-sizing: border-box;
  margin-top: 32px;
  text-align: right; }

/*--------------------------------------------------------------
# Form images
--------------------------------------------------------------*/
.acf-image-uploader .image-wrap {
  position: relative;
  max-width: 200px !important; }
  .acf-image-uploader .image-wrap img {
    margin-top: 16px;
    margin-bottom: 16px; }
.acf-image-uploader .acf-basic-uploader {
  display: block; }

.acf-basic-uploader {
  margin-top: 8px;
  margin-bottom: 12px;
  margin-left: 16px; }
  @media screen and (min-width: 800px) {
    .acf-basic-uploader {
      margin-top: 0;
      margin-bottom: 0; } }

/*--------------------------------------------------------------
# Form icons
--------------------------------------------------------------*/
.select2-selection__arrow {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  top: 12px !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .select2-selection__arrow:before {
    content: "\e949";
    display: block;
    color: blue;
    font-family: 'atlasicons' !important;
    font-size: 26px;
    line-height: 26px;
    text-indent: 0;
    color: #777777; }
  .select2-selection__arrow b {
    display: none; }

.select2-selection__clear,
.acf-icon.-minus {
  display: block;
  position: relative;
  z-index: 800;
  top: -1px;
  width: 22px;
  height: 22px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: #363636; }
  .select2-selection__clear:before,
  .acf-icon.-minus:before {
    content: "\e945";
    display: block;
    color: blue;
    font-family: 'atlasicons' !important;
    font-size: 22px;
    line-height: 22px;
    text-indent: 0;
    color: rgba(119, 119, 119, 0.8); }
  .select2-selection__clear:hover:before,
  .acf-icon.-minus:hover:before {
    color: #777777; }

/*--------------------------------------------------------------
# Submit button
--------------------------------------------------------------*/
input[type="submit"] {
  display: block;
  width: 100%; }

/*--------------------------------------------------------------
# Repeater image
--------------------------------------------------------------*/
.acf-image-uploader.has-value .show-if-value.image-wrap {
  display: block;
  position: relative; }
  .acf-image-uploader.has-value .show-if-value.image-wrap .acf-actions {
    display: block;
    position: relative; }
    .acf-image-uploader.has-value .show-if-value.image-wrap .acf-actions .-cancel {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 24px;
      height: 24px;
      background-color: red; }

.acf-image-uploader .image-wrap img {
  margin-top: 0;
  margin-bottom: 0; }

.acf-image-uploader.has-value .show-if-value.image-wrap .acf-actions {
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.has-value .hide-if-value {
  display: none; }

/*--------------------------------------------------------------
# Add term button
--------------------------------------------------------------*/
.acf-icon.-plus.acf-js-tooltip.small {
  display: block;
  position: absolute;
  z-index: 600;
  top: 15px;
  right: 42px;
  width: 22px;
  height: 22px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .acf-icon.-plus.acf-js-tooltip.small:before {
    content: "\e94b";
    display: block;
    font-family: 'atlasicons' !important;
    font-size: 22px;
    line-height: 22px;
    text-indent: 0;
    color: rgba(119, 119, 119, 0.8);
    color: #ffa800; }
  .acf-icon.-plus.acf-js-tooltip.small:hover:before {
    color: #fff; }

/*--------------------------------------------------------------------------------------------
*
*	acf-popup
*
*--------------------------------------------------------------------------------------------*/
#acf-popup {
  position: fixed;
  z-index: 900000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#acf-popup .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(51, 51, 51, 0.9); }

#acf-popup .acf-popup-box {
  position: absolute;
  z-index: 1;
  width: 400px;
  height: 178px;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -150px;
  background: #222222;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  box-sizing: border-box; }

#acf-popup .title .acf-icon {
  position: absolute;
  top: 10px;
  right: 10px; }

html[dir="rtl"] #acf-popup .title .acf-icon {
  right: auto;
  left: 10px; }

#acf-popup .acf-popup-box .inner,
#acf-popup .acf-popup-box .loading {
  position: absolute;
  top: 60px;
  left: 24px;
  right: 24px;
  bottom: 0;
  z-index: 1; }

#acf-popup .acf-popup-box .loading {
  background: rgba(0, 0, 0, 0.1);
  z-index: 2;
  border-top: #DDDDDD solid 1px;
  display: none; }

#acf-popup .acf-popup-box .loading .acf-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px; }

#acf-popup .inner > *:first-child {
  margin-top: 0; }

/* submit p */
.acf-submit {
  display: block;
  margin-bottom: 0; }

.acf-submit span {
  float: right;
  color: #999; }

.acf-submit .acf-loading {
  display: none; }

.acf-submit .button {
  margin-right: 5px; }

.acf-box [data-name="term_parent"] {
  display: none; }

.acf-box .acf-submit .button {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 24px; }

#acf-popup .acf-popup-box .title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 500;
  background-color: #115C26;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #1b903b;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  height: 40px;
  padding-top: 2px;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px; }
  #acf-popup .acf-popup-box .title h3 {
    position: relative;
    top: 11px;
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 3px; }

#acf-popup .acf-field .acf-label {
  flex: 0 1 100px; }

#acf-popup .acf-input {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: stretch;
  position: relative;
  min-height: 50px;
  margin-bottom: 1px;
  padding-bottom: 2px; }

.acf-field #term_name {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 6px;
  padding-left: 16px;
  background-color: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1rem;
  box-sizing: border-box;
  color: #fff;
  resize: vertical; }

#acf-popup .title .acf-icon {
  display: block;
  position: absolute;
  z-index: 600;
  top: 9px;
  right: 8px;
  width: 22px;
  height: 22px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent; }
  #acf-popup .title .acf-icon:before {
    content: "\e944";
    display: block;
    font-family: 'atlasicons' !important;
    font-size: 22px;
    line-height: 22px;
    text-indent: 0;
    color: #ccc; }
  #acf-popup .title .acf-icon:hover:before {
    color: #fff; }

.acf-icon.-plus.acf-js-tooltip.small {
  background-color: #363636; }

/*--------------------------------------------------------------
# True / false field
--------------------------------------------------------------*/
.acf-true-false {
  margin-left: 16px; }
  .acf-true-false .message {
    margin-left: 5px; }

/*--------------------------------------------------------------
# ACF taxonomy field
--------------------------------------------------------------*/
.acf-taxonomy-field .select2-selection--multiple {
  margin-top: 4px;
  margin-bottom: 12px; }
  @media screen and (min-width: 800px) {
    .acf-taxonomy-field .select2-selection--multiple {
      margin-top: 0;
      margin-bottom: 0; } }

/*--------------------------------------------------------------
# ACF repeater
--------------------------------------------------------------*/
.acf-field-repeater .acf-button {
  margin-top: 12px;
  margin-bottom: 12px; }
  @media screen and (min-width: 800px) {
    .acf-field-repeater .acf-button {
      margin-top: 0;
      margin-bottom: 0; } }

/*--------------------------------------------------------------
# Recapcha field
--------------------------------------------------------------*/
.wppb-form-field.wppb-recaptcha label {
  display: none; }
.wppb-form-field.wppb-recaptcha .wppb-recaptcha-element {
  margin-top: 8px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto; }

/*--------------------------------------------------------------
# WMPU Forms
--------------------------------------------------------------*/
.wpum-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  position: relative; }
  .wpum-form form {
    display: block;
    position: relative;
    width: 100%; }
  .wpum-form h2 {
    display: none; }
  .wpum-form fieldset {
    padding: 0;
    border: 0;
    flex: 1 1 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
    box-sizing: border-box;
    position: relative;
    min-height: 50px;
    margin-right: 0;
    margin-bottom: 1px;
    margin-left: 0;
    padding-bottom: 2px;
    background-color: #363636; }
    @media screen and (min-width: 800px) {
      .wpum-form fieldset {
        flex-wrap: nowrap;
        align-content: center;
        align-items: flex-start; }
        .wpum-form fieldset__half {
          flex: 0 1 calc(50% - .5px);
          margin-right: 1px; }
          .wpum-form fieldset__half__last {
            margin-right: 0; } }
    .wpum-form fieldset label {
      order: 0;
      flex: 0 1 100%;
      align-self: stretch;
      position: relative;
      height: 100%;
      box-sizing: border-box;
      font-size: 0.6875rem;
      font-weight: normal;
      line-height: 0.6875rem;
      letter-spacing: 1px;
      text-align: left;
      text-transform: uppercase;
      color: gray;
      padding-top: 20px;
      padding-right: 16px;
      padding-left: 16px; }
      @media screen and (min-width: 800px) {
        .wpum-form fieldset label {
          flex: 0 1 200px; } }
    .wpum-form fieldset .field {
      order: 0;
      flex: 0 1 100%;
      align-self: center;
      position: relative;
      line-height: 1rem;
      box-sizing: border-box; }
      @media screen and (min-width: 800px) {
        .wpum-form fieldset .field {
          flex: 0 1 calc(100% - 200px); } }
  .wpum-form input,
  .wpum-form textarea {
    box-sizing: border-box;
    color: #fff;
    resize: vertical; }
  .wpum-form input[type="text"],
  .wpum-form input[type="email"],
  .wpum-form input[type="password"],
  .wpum-form input[type="number"],
  .wpum-form textarea {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    background-color: transparent;
    border: none;
    font-size: 1rem;
    line-height: 1rem; }
    @media screen and (min-width: 800px) {
      .wpum-form input[type="text"],
      .wpum-form input[type="email"],
      .wpum-form input[type="password"],
      .wpum-form input[type="number"],
      .wpum-form textarea {
        padding-top: 16px; } }
  .wpum-form select {
    width: calc(100% - 32px);
    margin-right: 16px;
    margin-left: 16px;
    background-color: #444444;
    border: none;
    color: #fff; }
  .wpum-form .description {
    display: block;
    margin-top: -4px;
    margin-right: 16px;
    margin-bottom: 10px;
    margin-left: 16px;
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 0.9375rem;
    color: gray; }

/*--------------------------------------------------------------
# WMPU avatar field
--------------------------------------------------------------*/
.fieldset-user_avatar .wpum-uploaded-file {
  position: absolute;
  top: 16px;
  left: 0;
  width: 112px;
  height: 112px;
  overflow: hidden;
  margin-left: 16px;
  border-radius: 8px; }
  .fieldset-user_avatar .wpum-uploaded-file .wpum-remove-uploaded-file {
    display: none; }
.fieldset-user_avatar .field {
  min-height: 142px;
  padding-top: 50px;
  padding-left: 152px; }
  .fieldset-user_avatar .field .description {
    margin-top: 6px;
    margin-right: 0;
    margin-left: 0; }

/*--------------------------------------------------------------
# WMPU cover image field
--------------------------------------------------------------*/
.fieldset-user_cover {
  position: relative; }
  .fieldset-user_cover .wpum-uploaded-file {
    position: absolute;
    top: 16px;
    left: 0;
    width: 444px;
    height: 148px;
    overflow: hidden;
    margin-left: 16px;
    border-radius: 8px; }
    .fieldset-user_cover .wpum-uploaded-file img {
      position: absolute;
      top: -50%; }
    .fieldset-user_cover .wpum-uploaded-file .wpum-remove-uploaded-file {
      display: none; }
  .fieldset-user_cover .field {
    min-height: 238px;
    padding-top: 178px;
    padding-left: 16px; }
    .fieldset-user_cover .field .description {
      margin-top: 6px;
      margin-right: 0;
      margin-left: 0; }

/*--------------------------------------------------------------
# WMPU custom overrides
--------------------------------------------------------------*/
.fieldset-user_nickname .description {
  margin-right: 120px; }

.fieldset-wpum_id_steam {
  margin-top: 32px; }

/*--------------------------------------------------------------
# ACF form overrides
--------------------------------------------------------------*/
.acf-label .description {
  display: block;
  position: absolute; }

.acf-field.acf-field-message {
  margin-top: 40px;
  background-color: transparent; }

.acf-field-message .acf-label {
  display: none; }

.acf-field .acf-checkbox-list,
.acf-field .acf-radio-list {
  margin-left: 0; }
  .acf-field .acf-checkbox-list li:before,
  .acf-field .acf-radio-list li:before {
    display: none; }

.acf-image-uploader p {
  position: relative;
  top: -2px;
  font-size: 0.75rem;
  color: #777777; }
.acf-image-uploader .acf-button {
  float: left;
  position: relative;
  top: -6px;
  margin-right: 16px;
  margin-left: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: none;
  font-size: 0.875rem; }

.wpum-template .acf-spinner {
  display: none !important; }

.wpum-template #message.updated {
  margin-bottom: 24px;
  padding: 8px 16px 9px 16px;
  background-color: #115C26; }

/*--------------------------------------------------------------
# Account tabs
--------------------------------------------------------------*/
.account-tabs {
  display: block;
  position: relative;
  margin-bottom: 40px; }
  .account-tabs:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 300;
    right: 0;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #444444; }
  .account-tabs__tab {
    display: inline-block;
    position: relative;
    z-index: 400;
    margin-right: 4px;
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 20px;
    padding-left: 24px;
    border-bottom-width: 0px !important;
    font-size: 1.125rem;
    color: #CCCCCC !important; }
    .account-tabs__tab--active, .account-tabs__tab:hover {
      border-bottom-width: 3px !important;
      border-bottom-style: solid !important;
      border-bottom-color: #CCCCCC !important;
      color: #CCCCCC !important; }
    .account-tabs__tab--active {
      font-weight: bold; }

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button.fwp-load-more {
  width: 100%; }

.btn, input[type="submit"],
.acf-button,
.acf-submit-button,
.registration-form .submit.button,
.registration-form .button.button-primary,
button.fwp-load-more {
  display: block;
  padding-top: 10px;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-left: 8px;
  background-color: #831919;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.35);
  border: none;
  font-family: "GeosansLight-NMS", sans-serif;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.7); }
  .btn:hover, input[type="submit"]:hover,
  .acf-button:hover,
  .acf-submit-button:hover,
  .registration-form .submit.button:hover,
  .registration-form .button.button-primary:hover,
  button.fwp-load-more:hover {
    background-color: #941c1c;
    color: #fff;
    cursor: pointer; }
  .btn--secondary,
  .acf-button--secondary,
  .acf-submit-button--secondary,
  .registration-form .submit.button--secondary,
  .registration-form .button.button-primary--secondary,
  button.fwp-load-more--secondary {
    background-color: #4e4e4e; }
    .btn--secondary:hover,
    .acf-button--secondary:hover,
    .acf-submit-button--secondary:hover,
    .registration-form .submit.button--secondary:hover,
    .registration-form .button.button-primary--secondary:hover,
    button.fwp-load-more--secondary:hover {
      background-color: #585858; }
  .btn--s,
  .acf-button--s,
  .acf-submit-button--s,
  .registration-form .submit.button--s,
  .registration-form .button.button-primary--s,
  button.fwp-load-more--s {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.75rem; }

input[type="submit"] {
  margin-top: 16px; }

.btn--action,
.acf-field-repeater .acf-button {
  display: inline-block;
  padding-top: 3px;
  padding-right: 14px;
  padding-bottom: 2px;
  padding-left: 14px;
  background-color: rgba(0, 0, 0, 0.7);
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #831919;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  line-height: 29px;
  color: #999999; }
  .btn--action:hover,
  .acf-field-repeater .acf-button:hover {
    background-color: rgba(0, 0, 0, 0.9);
    border-left-color: #ae2121;
    color: #cccccc; }

.acf-field-repeater .acf-button {
  position: relative;
  margin-left: 16px; }

/*--------------------------------------------------------------
# Upload button
--------------------------------------------------------------*/
.main-menu ul li.menu-item-last a {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
  border-bottom: none; }

.main-menu ul li.btn-upload a {
  box-sizing: border-box;
  width: calc(100% + 10px);
  position: relative;
  left: -8px;
  margin-top: 16px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  background-color: rgba(119, 119, 119, 0.5);
  border-radius: 4px; }
  @media screen and (min-width: 800px) {
    .main-menu ul li.btn-upload a {
      width: auto;
      margin-top: 0;
      margin-left: 16px;
      padding-top: 8px;
      padding-right: 10px;
      padding-bottom: 8px;
      padding-left: 10px; } }
  .main-menu ul li.btn-upload a:hover {
    background-color: rgba(119, 119, 119, 0.9);
    color: #fff; }

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(51, 51, 51, 0.9);
  backdrop-filter: blur(10px); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  transform: translate3d(0, 0, 0);
  background: #222222;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  text-align: left; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: bottom; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 7px;
  right: 8px;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #ccc;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #fff; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1;
    filter: blur(0); } }
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0;
    filter: blur(0); } }
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 520px;
    vertical-align: middle;
    margin-bottom: 10px; }

  .remodal--wide {
    max-width: 980px; }

  .remodal-wrapper {
    padding: 10px 10px 0; }
    .remodal-wrapper:after {
      vertical-align: middle; } }
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 520px; }

.modal-content {
  padding: 16px 24px; }

/*--------------------------------------------------------------
# Upload buttons
--------------------------------------------------------------*/
.upload-type {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px; }
  @media screen and (min-width: 800px) {
    .upload-type {
      padding-top: 32px;
      padding-right: 32px;
      padding-left: 32px;
      padding-bottom: 16px; } }
  .upload-type .upload-btn {
    position: relative;
    box-sizing: border-box;
    flex: 0 1 calc(33.33% - 6px);
    align-self: auto;
    margin-right: 8px;
    margin-bottom: 8px;
    padding-top: 24px;
    padding-right: 8px;
    padding-bottom: 24px;
    padding-left: 8px;
    box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.32);
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: none; }
    @media screen and (min-width: 800px) {
      .upload-type .upload-btn {
        flex: 0 1 calc(33.33% - 11px);
        padding-top: 30px;
        padding-bottom: 30px;
        margin-right: 16px;
        margin-bottom: 16px; } }
    .upload-type .upload-btn:hover {
      box-shadow: inset 0px 0px 0px 8px rgba(0, 0, 0, 0.35);
      color: #fff; }
    .upload-type .upload-btn:nth-child(3n) {
      margin-right: 0; }
    .upload-type .upload-btn--other {
      flex: 1 1 auto;
      margin-right: 2px;
      padding-top: 8px;
      padding-bottom: 12px; }
    .upload-type .upload-btn__label {
      font-size: 0.75rem;
      line-height: 0.75rem; }
    .upload-type .upload-btn--system .icon:before, .upload-type .upload-btn--system .info-icon:before {
      font-size: 55px; }
    .upload-type .upload-btn--planet-moon .icon:before, .upload-type .upload-btn--planet-moon .info-icon:before {
      font-size: 65px; }

.icon--upload-type {
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  line-height: 50px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 4px; }
  .icon--upload-type:before {
    font-size: 60px; }

/*--------------------------------------------------------------
# Discovery tile
--------------------------------------------------------------*/
.discovery-tile {
  position: relative;
  overflow: hidden;
  flex: 0 1 100%;
  align-self: auto;
  margin-bottom: 16px;
  background-color: #222222;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); }
  .discovery-tile:hover {
    background-color: #2a2a2a; }
  @media screen and (min-width: 800px) {
    .discovery-tile {
      flex: 0 1 calc(50% - 8px);
      align-self: auto; } }
  @media screen and (min-width: 800px) {
    .discovery-tile {
      width: 100%; } }
  .discovery-tile__main {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px; }
  .discovery-tile__content {
    flex: 1 1 auto;
    align-self: auto;
    width: 100%;
    overflow: hidden; }
  .discovery-tile__cover-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500; }
  .discovery-tile__thumbnail {
    display: block;
    position: relative;
    width: 100%; }
    .discovery-tile__thumbnail:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: rgba(34, 34, 34, 0.3);
      z-index: 500; }
    .discovery-tile__thumbnail img {
      display: block;
      position: relative;
      width: 100%; }
  .discovery-tile__title {
    display: block;
    overflow: hidden;
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .discovery-tile .meta {
    margin-top: 4px;
    font-size: 0.6875rem;
    line-height: 1rem; }
    .discovery-tile .meta__item {
      margin-right: 10px; }
  .discovery-tile__icon {
    position: relative;
    overflow: hidden;
    min-width: 40px;
    height: 40px;
    margin-right: 16px;
    box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
    text-align: center; }
    @media screen and (min-width: 800px) {
      .discovery-tile__icon {
        display: block; } }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.element {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  padding-top: 6px;
  padding-right: 14px;
  padding-bottom: 6px;
  padding-left: 8px;
  background-color: #444444;
  box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #fff; }
  .element__fullname {
    display: none; }
  .element__shortname {
    position: relative;
    top: 1px; }
  .element img {
    display: inline-block;
    float: left;
    position: relative;
    max-width: 28px;
    margin-right: 4px; }

/*--------------------------------------------------------------
# Element types
--------------------------------------------------------------*/
.element--oxide {
  background-color: #D2A125; }
.element--silicate {
  background-color: #1364D1; }
.element--isotope {
  background-color: #E22F2A; }
.element--neutral {
  background-color: #80A343; }
.element--agricultural {
  background-color: #802788; }
.element--precious {
  background-color: #6341CC; }
.element--gas {
  background-color: #4F7B7E; }
.element--mineral {
  background-color: #0A4660; }
.element--catalytic {
  background-color: #9C501E; }
.element--fuel {
  background-color: #9F1E1C; }
.element--organic {
  background-color: #9F1E1C; }
.element--metal {
  background-color: #5B5A55; }
.element--highenergy {
  background-color: #345A7E; }
.element--localised {
  background-color: #0A723F; }

/*--------------------------------------------------------------
# Commodities
--------------------------------------------------------------*/
.commodity {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  padding-top: 6px;
  padding-right: 14px;
  padding-bottom: 6px;
  padding-left: 8px;
  background-color: #375942;
  box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #fff; }
  .commodity__name {
    position: relative;
    top: 1px; }
  .commodity img {
    display: inline-block;
    float: left;
    position: relative;
    max-width: 28px;
    margin-right: 4px; }

/*--------------------------------------------------------------
# Announcement banner
--------------------------------------------------------------*/
.announcement {
  display: block;
  box-sizing: border-box;
  width: 100%; }
  @media screen and (min-width: 800px) {
    .announcement {
      margin-right: auto;
      margin-left: auto; } }

.announcement-banner {
  display: block;
  margin-top: 0;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  background-color: #222222;
  text-align: center;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: .8px;
  color: #EEE;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 800px) {
    .announcement-banner {
      margin-top: 0;
      margin-bottom: -12px; } }
  .announcement-banner--local {
    margin-bottom: 0;
    background-color: #d01413; }

a.announcement-banner {
  background-color: #461A5B; }

a.announcement-banner:hover {
  color: #fff;
  background-color: #55206f; }

/*--------------------------------------------------------------
# Filters
--------------------------------------------------------------*/
.filter-category {
  margin-bottom: 16px; }
  .filter-category .facet-label {
    display: none; }
  .filter-category .facetwp-facet-discover_categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start; }
    .filter-category .facetwp-facet-discover_categories .facetwp-radio {
      order: 0;
      flex: 0 1 calc(50% - 2px);
      align-self: auto;
      display: block;
      box-sizing: border-box;
      margin-bottom: 4px;
      margin-left: 0;
      padding-top: 14px;
      padding-right: 16px;
      padding-bottom: 16px;
      padding-left: 16px;
      background-color: rgba(0, 0, 0, 0.6);
      background-image: none;
      border-radius: 4px;
      font-size: 0.8125rem;
      line-height: 0.8125rem; }
      .filter-category .facetwp-facet-discover_categories .facetwp-radio.checked, .filter-category .facetwp-facet-discover_categories .facetwp-radio:hover {
        box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.35);
        color: #fff; }
      .filter-category .facetwp-facet-discover_categories .facetwp-radio .facetwp-counter {
        display: none; }
  .filter-category .facetwp-radio {
    position: relative; }
    .filter-category .facetwp-radio:before {
      content: '';
      display: block;
      top: 9px;
      right: 12px;
      width: 26px;
      height: 26px;
      position: absolute;
      font-family: 'atlasicons';
      font-size: 27px;
      line-height: 23px; }
    .filter-category .facetwp-radio[data-value='system'] {
      order: 1; }
    .filter-category .facetwp-radio[data-value='planet-moon'] {
      order: 2; }
    .filter-category .facetwp-radio[data-value='fauna'] {
      order: 3; }
    .filter-category .facetwp-radio[data-value='flora'] {
      order: 4; }
    .filter-category .facetwp-radio[data-value='ship'] {
      order: 5; }
    .filter-category .facetwp-radio[data-value='base'] {
      order: 6; }
    .filter-category .facetwp-radio[data-value='multi-tool'] {
      order: 7; }
    .filter-category .facetwp-radio[data-value='station'] {
      order: 8; }
    .filter-category .facetwp-radio[data-value='structure'] {
      order: 9; }
    .filter-category .facetwp-radio[data-value='other'] {
      order: 10; }

/*--------------------------------------------------------------
# Facet container
--------------------------------------------------------------*/
.discovery-filters .facetwp-facet {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
  position: relative;
  height: 46px;
  margin-bottom: 0 !important;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #363636; }
.discovery-filters .facet-label {
  font-size: 0.6875rem;
  color: #999999;
  text-transform: uppercase;
  line-height: 0.9375rem;
  line-height: 0.8125rem;
  max-width: 80px; }

/*--------------------------------------------------------------
# Dropdowns
--------------------------------------------------------------*/
.fs-label-wrap .fs-label {
  max-width: 140px;
  padding: 0 24px 0 0 !important; }

.facetwp-type-fselect .fs-wrap, .facetwp-type-fselect .fs-dropdown {
  right: 0; }

.fs-label-wrap {
  background-color: #222222 !important;
  border: none !important;
  color: #CCCCCC;
  font-size: 0.8125rem;
  text-align: right; }
  .fs-label-wrap .fs-label {
    display: inline-block; }
    .fs-label-wrap .fs-label:hover {
      cursor: pointer;
      color: #fff; }

.fs-option-label {
  font-size: 0.8125rem;
  color: #444444; }

.fs-search input {
  font-size: 0.8125rem;
  color: #777777; }

.fs-label {
  text-transform: capitalize; }

.fs-option {
  text-transform: capitalize; }
  .fs-option:hover, .fs-option.selected {
    background-color: #ffeecc; }

/*--------------------------------------------------------------
# Radio buttons
--------------------------------------------------------------*/
.facetwp-radio {
  text-transform: capitalize; }

/*--------------------------------------------------------------
# Counters
--------------------------------------------------------------*/
.facetwp-counter {
  display: none; }

/*--------------------------------------------------------------
# Filters colours
--------------------------------------------------------------*/
.facetwp-radio[data-value="system"]:hover, .facetwp-radio.checked[data-value="system"] {
  background-color: #461A5B; }

.facetwp-radio[data-value="planet-moon"]:hover, .facetwp-radio.checked[data-value="planet-moon"] {
  background-color: #761C17; }

.facetwp-radio[data-value="fauna"]:hover, .facetwp-radio.checked[data-value="fauna"] {
  background-color: #714109; }

.facetwp-radio[data-value="flora"]:hover, .facetwp-radio.checked[data-value="flora"] {
  background-color: #115C26; }

.facetwp-radio[data-value="ship"]:hover, .facetwp-radio.checked[data-value="ship"] {
  background-color: #0E3D5F; }

.facetwp-radio[data-value="base"]:hover, .facetwp-radio.checked[data-value="base"] {
  background-color: #1D4F52; }

.facetwp-radio[data-value="other"]:hover, .facetwp-radio.checked[data-value="other"] {
  background-color: #444444; }

.facetwp-radio[data-value="multi-tool"]:hover, .facetwp-radio.checked[data-value="multi-tool"] {
  background-color: #375942; }

.facetwp-radio[data-value="station"]:hover, .facetwp-radio.checked[data-value="station"] {
  background-color: #083d77; }

.facetwp-radio[data-value="structure"]:hover, .facetwp-radio.checked[data-value="structure"] {
  background-color: #2d7072; }

/*--------------------------------------------------------------
# FacetWP overrives
--------------------------------------------------------------*/
.facetwp-facet {
  margin-bottom: 0 !important; }

/*--------------------------------------------------------------
# Filter hint
--------------------------------------------------------------*/
.filter-hint {
  position: relative;
  box-sizing: border-box;
  width: calc(100% + 48px);
  left: -24px;
  margin-top: -16px;
  margin-bottom: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2a2a2a;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.125rem;
  color: #777777; }
  .filter-hint__icon {
    display: inline-block;
    position: absolute;
    top: 23px;
    left: 24px;
    width: 22px;
    height: 22px;
    background-color: #cc8600;
    border-radius: 100px;
    text-align: center;
    line-height: 20px; }
  .filter-hint span {
    display: inline-block;
    position: relative;
    width: auto;
    padding-left: 32px; }

/*--------------------------------------------------------------
# Register page
--------------------------------------------------------------*/
.registration-cover {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .registration-cover__image, .registration-cover__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    text-align: center;
    background-color: #222222; }
    @media screen and (min-width: 800px) {
      .registration-cover__image, .registration-cover__content {
        flex: 0 1 50%; } }
  .registration-cover__image {
    display: none;
    background-image: url(assets/img/features-cover.jpg);
    background-position: center;
    background-size: cover; }
    @media screen and (min-width: 800px) {
      .registration-cover__image {
        display: flex; } }
  .registration-cover__content {
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.4); }

/*--------------------------------------------------------------
# Registration form
--------------------------------------------------------------*/
.registration-form {
  width: 100%;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px; }
  @media screen and (min-width: 800px) {
    .registration-form {
      max-width: 520px; } }
  .registration-form__form-switch {
    margin-top: 32px; }
  .registration-form__lost-password {
    display: inline-block;
    position: relative;
    margin-top: 8px; }

.wppb-form-field,
.g-recaptcha {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin-bottom: 1px;
  background-color: #3c3c3c;
  text-align: left; }
  .wppb-form-field:focus-within,
  .g-recaptcha:focus-within {
    background-color: #464646;
    box-shadow: inset 0 -2px 0 #747474; }
  .wppb-form-field label,
  .g-recaptcha label {
    order: 0;
    flex: 0 1 200px;
    align-self: center;
    padding-left: 16px;
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 0.6875rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: gray; }
  .wppb-form-field input[type="text"],
  .wppb-form-field input[type="email"],
  .wppb-form-field input[type="password"],
  .g-recaptcha input[type="text"],
  .g-recaptcha input[type="email"],
  .g-recaptcha input[type="password"] {
    display: block;
    position: relative;
    width: 100%;
    height: 52px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    background-color: transparent;
    box-sizing: border-box;
    border: none;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff; }

.wppb-send-credentials-checkbox {
  display: none !important; }

.wppb-register-user .form-submit {
  margin-top: 24px; }

#wppb_register_pre_form_message {
  display: none; }

#wppb-register-user ul {
  margin-top: 0;
  margin-bottom: 0; }

.g-recaptcha {
  justify-content: center;
  padding: 8px; }

.fieldset-robo {
  display: none !important; }

/*--------------------------------------------------------------
# Registration brand
--------------------------------------------------------------*/
.registration-brand {
  margin-bottom: 16px;
  padding-right: 40px;
  padding-left: 40px; }
  @media screen and (min-width: 800px) {
    .registration-brand {
      margin-bottom: 24px;
      padding-right: 0;
      padding-left: 0; } }
  .registration-brand__logo {
    display: block;
    position: relative;
    width: 220px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 64px;
    background-image: url(assets/img/logo.svg);
    background-repeat: no-repeat;
    background-size: 96px;
    background-position: top center;
    font-family: "GeosansLight-NMS", sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff; }
  .registration-brand__description {
    display: inline-block;
    position: relative;
    margin-top: 6px;
    font-family: "GeosansLight-NMS", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .registration-brand:hover {
    color: #fff; }

/*--------------------------------------------------------------
# Login form
--------------------------------------------------------------*/
#wppb-login-wrap .login-username,
#wppb-login-wrap .login-password {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin-bottom: 1px;
  background-color: #3c3c3c;
  text-align: left; }
  #wppb-login-wrap .login-username:focus-within,
  #wppb-login-wrap .login-password:focus-within {
    background-color: #464646;
    box-shadow: inset 0 -2px 0 #747474; }
  #wppb-login-wrap .login-username label,
  #wppb-login-wrap .login-password label {
    order: 0;
    flex: 0 1 200px;
    align-self: center;
    padding-left: 16px;
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 0.6875rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: gray; }
  #wppb-login-wrap .login-username input[type="text"],
  #wppb-login-wrap .login-username input[type="email"],
  #wppb-login-wrap .login-username input[type="password"],
  #wppb-login-wrap .login-password input[type="text"],
  #wppb-login-wrap .login-password input[type="email"],
  #wppb-login-wrap .login-password input[type="password"] {
    display: block;
    position: relative;
    width: 100%;
    height: 52px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    background-color: transparent;
    box-sizing: border-box;
    border: none;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff; }
#wppb-login-wrap .login-submit {
  margin-top: 16px; }

/*--------------------------------------------------------------
# Registration message
--------------------------------------------------------------*/
.registration-message {
  width: 100%;
  box-sizing: border-box;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  padding-right: 24px;
  padding-left: auto; }
  @media screen and (min-width: 800px) {
    .registration-message {
      max-width: 520px; } }

.registration-message {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  font-style: italic; }

.wpum-message.success {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: rgba(17, 92, 38, 0.5);
  border-radius: 4px;
  font-style: italic; }

/*--------------------------------------------------------------
# Mailchimp field
--------------------------------------------------------------*/
.wppb-mailchimp-subscribe {
  display: none; }

/*--------------------------------------------------------------
# Remember me box
--------------------------------------------------------------*/
.login-remember,
.fieldset-remember {
  display: none !important; }

/*--------------------------------------------------------------
# Password recovery form
--------------------------------------------------------------*/
.wpum-password-recovery-form p {
  margin-bottom: 16px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.375rem;
  color: gray; }
.wpum-password-recovery-form #wpum-submit-password-recovery-form {
  margin-top: 16px; }

/*--------------------------------------------------------------
# Canvas (non-blocked) pagination
--------------------------------------------------------------*/
.canvas-pagination {
  order: 0;
  flex: 0 1 100%; }

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {
  position: relative;
  box-sizing: border-box;
  height: 64px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: #181818;
  text-align: center;
  text-transform: uppercase; }
  @media screen and (min-width: 800px) {
    .pagination {
      height: auto; } }
  .pagination .page-numbers {
    display: none;
    width: 32px;
    height: 32px;
    margin-right: 16px;
    background-color: transparent;
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 30px;
    color: #999999; }
    @media screen and (min-width: 800px) {
      .pagination .page-numbers {
        display: inline-block; } }
    .pagination .page-numbers.current, .pagination .page-numbers:hover {
      background-color: #9B51E0;
      color: #fff; }
  .pagination .prev.page-numbers,
  .pagination .next.page-numbers {
    display: inline-block;
    top: 16px;
    width: auto;
    height: auto;
    position: absolute;
    letter-spacing: 1px;
    color: #777777; }
    .pagination .prev.page-numbers:hover,
    .pagination .next.page-numbers:hover {
      background-color: transparent;
      color: #fff; }
  .pagination .prev.page-numbers {
    left: 32px; }
  .pagination .next.page-numbers {
    right: 32px; }

/*--------------------------------------------------------------
# Archive pagination
--------------------------------------------------------------*/
.archive .pagination {
  margin-top: 16px;
  padding-bottom: 14px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); }
  @media screen and (min-width: 800px) {
    .archive .pagination {
      border-radius: 100px; } }

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  position: relative;
  width: 100%;
  padding: 0;
  border: none;
  border-collapse: collapse; }
  table thead {
    font-size: 0.8125rem;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.25); }
    table thead th {
      font-weight: normal;
      text-transform: uppercase; }
  table th,
  table td {
    height: 52px;
    padding-right: 16px;
    padding-left: 16px;
    text-align: left; }
  table tr:nth-child(even) td {
    background-color: rgba(127, 142, 143, 0.2); }
  table tr:nth-child(odd) td {
    background-color: rgba(127, 142, 143, 0.1); }
  table img {
    position: relative;
    display: block; }
    table img.avatar {
      width: 24px;
      height: auto;
      border-radius: 4px; }

/*--------------------------------------------------------------
# Pills
--------------------------------------------------------------*/
.pill {
  padding-top: 0;
  padding-right: 8px;
  padding-bottom: 2px;
  padding-left: 8px;
  background-color: #414141;
  border-radius: 100px;
  line-height: 1rem; }

/*--------------------------------------------------------------
# Item container
--------------------------------------------------------------*/
.items-container {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 32px;
  padding-left: 0; }
  .items-container__heading {
    display: block;
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    position: relative;
    box-sizing: border-box;
    z-index: 500;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 24px; }
    .items-container__heading:after {
      content: '';
      display: block;
      position: absolute;
      z-index: 100;
      top: calc(50% - 1px);
      width: 100%;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.1); }
    .items-container__heading .section-heading {
      display: inline-block;
      position: relative;
      z-index: 200;
      padding-right: 16px;
      font-size: 1.5rem;
      background-color: #222222; }
  .items-container__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    padding-right: 40px;
    padding-left: 40px; }

/*--------------------------------------------------------------
# Item cells
--------------------------------------------------------------*/
.item-cell {
  flex: 0 1 calc(33.57% - 8px);
  align-self: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  background-color: #2c2c2c; }
  .item-cell:nth-child(3n) {
    margin-left: 8px;
    margin-right: 8px; }
  .item-cell:hover {
    background-color: #313131; }
  .item-cell__image {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    box-sizing: border-box;
    padding-top: 7px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px; }
    .item-cell__image img {
      display: block;
      max-width: 32px; }
  .item-cell__detail {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    margin-left: 16px; }
  .item-cell__title {
    display: block;
    position: relative;
    margin-top: -1px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-transform: none;
    letter-spacing: .4px; }
  .item-cell__sub {
    display: block;
    position: relative;
    margin-top: 5px;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    color: rgba(204, 204, 204, 0.5);
    letter-spacing: .5px; }

/*--------------------------------------------------------------
# Item cell colours
--------------------------------------------------------------*/
.item-cell__bg {
  position: relative;
  background-color: #777777; }
  .item-cell__bg:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.25); }
  .item-cell__bg:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.15); }
  .item-cell__bg--component {
    background-color: #F3A923;
    border-top-color: #f7c56c; }
  .item-cell__bg--frigates {
    background-color: #C01746;
    border-top-color: #e83c6c; }

/*--------------------------------------------------------------
# Discoveries
--------------------------------------------------------------*/
.home-discoveries {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 24px; }
  @media screen and (min-width: 800px) {
    .home-discoveries {
      box-sizing: border-box;
      margin-top: 40px;
      padding-right: 16px;
      padding-left: 16px; } }
  .home-discoveries .section-heading {
    position: relative;
    margin-bottom: 8px;
    padding-left: 28px;
    color: rgba(255, 255, 255, 0.6); }
    @media screen and (min-width: 800px) {
      .home-discoveries .section-heading {
        margin-bottom: 16px; } }
    .home-discoveries .section-heading:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      width: 20px;
      height: 18px;
      background-image: url(assets/img/dec1-mini.svg);
      background-size: 18px;
      background-repeat: no-repeat;
      background-position: center;
      opacity: .3; }
  .home-discoveries__featured, .home-discoveries__latest {
    flex: 0 1 100%;
    align-self: auto;
    margin-right: 16px;
    margin-left: 16px; }
    @media screen and (min-width: 800px) {
      .home-discoveries__featured, .home-discoveries__latest {
        flex: 0 1 calc(50% - 5px);
        margin-right: 0;
        margin-left: 0; } }
  .home-discoveries__featured {
    display: none; }
    @media screen and (min-width: 800px) {
      .home-discoveries__featured {
        display: block;
        margin-right: 16px; } }
    .home-discoveries__featured .discovery-tile:nth-child(1) {
      order: 0;
      flex: 1 1 100%;
      align-self: auto;
      margin-bottom: 0; }
    .home-discoveries__featured .discovery-tile:nth-child(2), .home-discoveries__featured .discovery-tile:nth-child(3), .home-discoveries__featured .discovery-tile:nth-child(4), .home-discoveries__featured .discovery-tile:nth-child(5) {
      flex: 0 1 calc(50% - 5px);
      align-self: auto;
      margin-top: 10px; }
    .home-discoveries__featured .discovery-tile:nth-child(2) {
      margin-right: 5px; }
    .home-discoveries__featured .discovery-tile:nth-child(3) {
      margin-left: 5px; }
  @media screen and (min-width: 800px) {
    .home-discoveries__latest {
      display: block;
      margin-left: 16px; } }
  .home-discoveries__latest .discovery-tile:nth-child(2), .home-discoveries__latest .discovery-tile:nth-child(3), .home-discoveries__latest .discovery-tile:nth-child(4), .home-discoveries__latest .discovery-tile:nth-child(5) {
    flex: 0 1 calc(50% - 5px);
    align-self: auto;
    margin-top: 10px; }
  .home-discoveries__latest .discovery-tile:nth-child(2) {
    margin-right: 5px; }
  .home-discoveries__latest .discovery-tile:nth-child(3) {
    margin-left: 5px; }
  .home-discoveries__latest .discovery-tile:nth-child(1) {
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    margin-top: 0; }
  .home-discoveries__tile-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start; }
    .home-discoveries__tile-container .discovery-tile {
      margin-bottom: 0; }

/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.home-news {
  margin-top: 24px; }
  .home-news .mast--mini {
    margin-top: 0; }
  @media screen and (min-width: 800px) {
    .home-news {
      margin-top: 80px; } }

/*--------------------------------------------------------------
# Cover image
--------------------------------------------------------------*/
.discovery-cover__image {
  display: block;
  position: relative; }
  @media screen and (min-width: 800px) {
    .discovery-cover__image {
      width: 100%;
      margin-top: 40px;
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); } }

/*--------------------------------------------------------------
# Discovery description
--------------------------------------------------------------*/
.discovery-description {
  display: block;
  margin-bottom: 16px; }
  @media screen and (min-width: 800px) {
    .discovery-description {
      margin-bottom: 24px; } }

/*--------------------------------------------------------------
# Detail container
--------------------------------------------------------------*/
.detail-container {
  position: relative;
  margin-top: 40px; }
  @media screen and (min-width: 800px) {
    .detail-container {
      margin-top: 56px; }
      .detail-container--location {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: stretch;
        align-items: flex-start;
        margin-top: 0; }
        .detail-container--location__detail {
          display: block;
          position: relative;
          order: 0;
          flex: 1 1 auto;
          align-self: auto; }
        .detail-container--location .detail-container--portal {
          width: 65%; }
        .detail-container--location .detail-container--coordinates {
          width: calc(35% - 52px);
          margin-left: 52px; }
          .detail-container--location .detail-container--coordinates--compact {
            width: 100%;
            margin-left: 0; } }

.detail-container--footer {
  font-size: 0.75rem;
  color: #777777; }
  .detail-container--footer .btn, .detail-container--footer input[type="submit"] {
    margin-right: 8px; }

/*--------------------------------------------------------------
# Linked discoveries
--------------------------------------------------------------*/
.linked-discoveries .linked-discovery {
  margin-bottom: 4px; }

.linked-discovery--planet-moon, .linked-discovery--ship, .linked-discovery--multitool, .linked-discovery--other {
  margin-left: 40px; }
.linked-discovery--flora, .linked-discovery--fauna {
  margin-left: 80px; }
.linked-discovery__link {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 4px;
  padding-top: 6px;
  padding-right: 16px;
  padding-bottom: 9px;
  padding-left: 56px;
  background-color: #2a2a2a;
  border-radius: 4px;
  font-size: 1rem; }
  .linked-discovery__link:last-of-type {
    margin-bottom: 0; }
  .linked-discovery__link:hover {
    background-color: #2f2f2f;
    color: #fff; }
    .linked-discovery__link:hover .linked-discovery__icon--system {
      background-color: #461A5B; }
    .linked-discovery__link:hover .linked-discovery__icon--planet-moon {
      background-color: #761C17; }
    .linked-discovery__link:hover .linked-discovery__icon--flora {
      background-color: #115C26; }
    .linked-discovery__link:hover .linked-discovery__icon--fauna {
      background-color: #714109; }
    .linked-discovery__link:hover .linked-discovery__icon--ship {
      background-color: #0E3D5F; }
    .linked-discovery__link:hover .linked-discovery__icon--multitool {
      background-color: #375942; }
.linked-discovery__icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  background-color: #444444;
  text-align: center;
  line-height: 40px; }
  .linked-discovery__icon:before {
    font-size: 28px; }

/*--------------------------------------------------------------
# Discovery gallery
--------------------------------------------------------------*/
.discovery-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  z-index: 100; }
  @media screen and (min-width: 800px) {
    .discovery-gallery {
      min-height: 296px; } }
  .discovery-gallery--placeholders {
    display: none; }
    @media screen and (min-width: 800px) {
      .discovery-gallery--placeholders {
        display: flex;
        position: absolute;
        z-index: 10;
        width: 100%;
        top: 40px; } }
  .discovery-gallery li, .discovery-gallery__placeholder {
    order: 0;
    flex: 0 1 100%;
    align-self: auto;
    margin-top: 8px; }
    @media screen and (min-width: 800px) {
      .discovery-gallery li, .discovery-gallery__placeholder {
        order: 0;
        max-height: 139px;
        overflow: hidden;
        flex: 0 1 calc(33.33% - 11px);
        align-self: auto;
        margin-right: 16px;
        margin-top: 16px; } }
    @media screen and (min-width: 800px) {
      .discovery-gallery li:nth-child(1), .discovery-gallery li:nth-child(2), .discovery-gallery li:nth-child(3), .discovery-gallery__placeholder:nth-child(1), .discovery-gallery__placeholder:nth-child(2), .discovery-gallery__placeholder:nth-child(3) {
        margin-top: 0; } }
    @media screen and (min-width: 800px) {
      .discovery-gallery li:nth-child(3n), .discovery-gallery__placeholder:nth-child(3n) {
        margin-right: 0; } }
    .discovery-gallery li img, .discovery-gallery__placeholder img {
      display: block;
      width: 100%; }
  .discovery-gallery__placeholder {
    display: none; }
    @media screen and (min-width: 800px) {
      .discovery-gallery__placeholder {
        display: block;
        height: 139px;
        background-color: #252525;
        background-image: url(assets/img/placeholderblip.svg);
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: inset 0 0 0 4px #2c2c2c; } }

/*--------------------------------------------------------------
# Other categories list
--------------------------------------------------------------*/
.other-cat-list [data-id="33"],
.other-cat-list [data-id="34"],
.other-cat-list [data-id="36"],
.other-cat-list [data-id="37"],
.other-cat-list [data-id="40"],
.other-cat-list [data-id="585"] {
  display: none; }
.other-cat-list [data-id='1200'] {
  order: 100; }

/*--------------------------------------------------------------
# Other upload form
--------------------------------------------------------------*/
.page-template-page-upload-other-php .acf-field.type-multitool {
  display: none; }
  .page-template-page-upload-other-php .acf-field.type-multitool.visible {
    display: flex; }

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
@media screen and (min-width: 800px) {
  .main--news,
  .main--lfg {
    margin-top: 72px; } }

/*--------------------------------------------------------------
# Post item
--------------------------------------------------------------*/
.post-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2f2f2f; }
  @media screen and (min-width: 800px) {
    .post-item {
      justify-content: center;
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px; } }
  @media screen and (min-width: 800px) {
    .post-item:first-of-type {
      padding-top: 64px; } }
  .post-item__thumbnail {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    position: relative;
    will-change: auto; }
    .post-item__thumbnail:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 100;
      box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.32);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      filter: none; }
    .post-item__thumbnail img {
      display: block;
      position: relative;
      max-width: 88px;
      will-change: auto;
      -webkit-transition: all .7s ease;
      -moz-transition: all .7s ease;
      -ms-transition: all .7s ease;
      -o-transition: all .7s ease;
      transition: all .7s ease; }
      @media screen and (min-width: 800px) {
        .post-item__thumbnail img {
          max-width: 184px; } }
  .post-item__main {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    margin-left: 16px; }
    @media screen and (min-width: 800px) {
      .post-item__main {
        max-width: 536px;
        margin-left: 40px; } }
  .post-item__meta {
    margin-top: 4px;
    font-size: 0.6875rem;
    line-height: 1rem; }
    @media screen and (min-width: 800px) {
      .post-item__meta {
        margin-top: 12px;
        font-size: 0.8125rem;
        line-height: 0.8125rem; } }
    .post-item__meta .meta__item {
      display: inline; }
      @media screen and (min-width: 800px) {
        .post-item__meta .meta__item {
          display: inline; } }
  .post-item__blurb {
    display: none;
    position: relative; }
    @media screen and (min-width: 800px) {
      .post-item__blurb {
        display: block;
        margin-top: 16px; } }
  .post-item__cover-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .post-item__cover-link h2 {
      color: #ffa800; }
  .post-item:hover {
    cursor: pointer;
    background-color: #272727; }
    .post-item:hover h2 a {
      color: #eee; }
    .post-item:hover .thumbnail:after {
      box-shadow: inset 0px 0px 0px 8px rgba(0, 0, 0, 0.32); }

/*--------------------------------------------------------------
# Image alignment & display
--------------------------------------------------------------*/
img.aligncenter {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto; }

/*--------------------------------------------------------------
# Profile main
--------------------------------------------------------------*/
.profile-cover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  z-index: 200;
  background-color: #222222;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); }
  @media screen and (min-width: 800px) {
    .profile-cover {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: flex-end;
      align-items: flex-end;
      overflow: hidden;
      margin-top: 40px;
      padding-top: 120px;
      padding-right: 96px;
      padding-bottom: 32px;
      padding-left: 96px;
      border-radius: 8px; } }
  .profile-cover__main {
    flex: 1 1 100%;
    align-self: auto;
    align-self: auto;
    position: relative;
    text-align: center;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .profile-cover__main {
        flex: 1 1 auto;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        text-align: left; } }
  .profile-cover__stats {
    flex: 1 1 100%;
    align-self: auto;
    text-align: right;
    padding-right: 24px;
    padding-left: 24px; }
    @media screen and (min-width: 800px) {
      .profile-cover__stats {
        flex: 0 1 auto;
        padding-right: 0;
        padding-left: 0; } }
    @media screen and (min-width: 800px) {
      .profile-cover__stats .profile-usr-actions {
        margin-bottom: 24px; } }
    .profile-cover__stats .profile-usr-btn {
      padding-top: 8px;
      padding-right: 14px;
      padding-bottom: 8px;
      padding-left: 14px;
      margin-bottom: 4px;
      font-size: 0.875rem;
      line-height: 1rem; }
  .profile-cover .profile-discoveries-count {
    display: none; }
    @media screen and (min-width: 800px) {
      .profile-cover .profile-discoveries-count {
        display: block; } }

/*--------------------------------------------------------------
# Cover image
--------------------------------------------------------------*/
.profile-cover-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 360px;
  overflow: hidden;
  background-image: url(assets/img/features-cover-slim.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center; }
  .profile-cover-image__inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.8);
    background: linear-gradient(0deg, #222222 0%, rgba(34, 34, 34, 0.75) 100%); }
    @media screen and (min-width: 800px) {
      .profile-cover-image__inner {
        background: rgba(34, 34, 34, 0.7);
        background: linear-gradient(0deg, #222222 0%, rgba(34, 34, 34, 0.5) 100%); } }

/*--------------------------------------------------------------
# Avatar
--------------------------------------------------------------*/
.profile-cover-avatar {
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto; }
  @media screen and (min-width: 800px) {
    .profile-cover-avatar {
      margin-right: inherit;
      margin-left: inherit; } }

.profile-avatar-mask {
  position: relative;
  width: 112px;
  height: 112px;
  overflow: hidden;
  border-radius: 12px; }
  .profile-avatar-mask .avatar {
    display: block;
    width: 100%;
    min-height: 100%;
    max-height: 112px;
    object-fit: cover;
    object-position: center; }

.profile-hub-emblem {
  border-radius: 100px; }

/*--------------------------------------------------------------
# Profile detail
--------------------------------------------------------------*/
.profile-detail {
  order: 0;
  flex: 0 1 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top: 16px;
  padding-top: 24px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1); }
  @media screen and (min-width: 800px) {
    .profile-detail {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-content: stretch;
      align-items: center;
      align-self: auto; } }

/*--------------------------------------------------------------
# Profile links
--------------------------------------------------------------*/
.profile-links {
  flex: 1 1 auto;
  align-self: auto;
  padding-right: 24px;
  padding-left: 24px;
  text-align: center; }
  @media screen and (min-width: 800px) {
    .profile-links {
      flex: 0 1 55%;
      padding-right: 0;
      padding-left: 0;
      text-align: left; } }
  .profile-links__none {
    display: inline-block;
    max-width: 240px;
    color: #777777; }

.profile-link {
  position: relative;
  margin-bottom: 10px;
  text-align: center; }
  @media screen and (min-width: 800px) {
    .profile-link {
      text-align: left; } }
  .profile-link:last-of-type {
    margin-bottom: 0; }
  .profile-link__label {
    display: block;
    position: relative;
    color: rgba(255, 255, 255, 0.25); }
    @media screen and (min-width: 800px) {
      .profile-link__label {
        display: inline-block;
        width: 240px; } }

/*--------------------------------------------------------------
# Profile linked hubs
--------------------------------------------------------------*/
.profile-linked-hubs {
  order: 1;
  flex: 1 1 auto;
  align-self: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
  margin-top: 16px;
  margin-right: 24px;
  margin-bottom: 16px;
  margin-left: 24px;
  padding-top: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05); }
  @media screen and (min-width: 800px) {
    .profile-linked-hubs {
      order: 1;
      flex: 0 1 45%;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      padding-top: 0;
      border-top: none; } }
  .profile-linked-hubs__emblem img {
    max-width: 120px;
    margin-right: 24px;
    border-radius: 100px; }
  .profile-linked-hubs__emblem--none {
    margin-right: 24px;
    width: 112px;
    height: 112px;
    border-width: 1px;
    border-style: dashed;
    border-color: #777777;
    border-radius: 100px; }
  .profile-linked-hubs__detail {
    max-width: 200px; }
    .profile-linked-hubs__detail--none {
      color: #777777; }

/*--------------------------------------------------------------
# Image stack
--------------------------------------------------------------*/
.timeline-img-stack {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 8px);
  margin-bottom: 8px;
  margin-left: -4px; }
  .timeline-img-stack__single {
    flex: 1 0 20%;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 8px; }
    .timeline-img-stack__single img {
      display: block;
      width: 100%;
      border-radius: 4px; }

/*--------------------------------------------------------------
# Timeline
--------------------------------------------------------------*/
.timeline {
  display: block;
  position: relative;
  margin-top: 16px;
  margin-right: 16px;
  margin-left: 16px; }
  @media screen and (min-width: 800px) {
    .timeline {
      margin-top: 52px;
      margin-right: 200px;
      margin-left: 200px;
      margin-bottom: 60px;
      padding-left: 40px; } }
  @media screen and (min-width: 800px) {
    .timeline:before {
      content: '';
      display: block;
      position: absolute;
      top: 15px;
      bottom: 40px;
      left: 0;
      width: 3px;
      background-color: rgba(34, 34, 34, 0.4);
      border-radius: 100px; } }
  @media screen and (min-width: 800px) {
    .timeline__group:last-of-type:after {
      content: '';
      display: block;
      position: absolute;
      top: 6px;
      bottom: 0;
      z-index: 10;
      left: -41px;
      width: 5px;
      background-color: #7F8E8F; } }

/*--------------------------------------------------------------
# Timeline - meta
--------------------------------------------------------------*/
.timeline__meta {
  display: block;
  position: relative;
  margin-bottom: 8px; }
  @media screen and (min-width: 800px) {
    .timeline__meta:before {
      content: '';
      display: block;
      position: absolute;
      top: 6px;
      left: -47px;
      z-index: 30;
      width: 13px;
      height: 13px;
      background-color: #7F8E8F;
      border-width: 2px;
      border-style: solid;
      border-color: rgba(34, 34, 34, 0.8);
      border-radius: 100px; } }
  .timeline__meta__date {
    font-weight: bold;
    color: #fff; }

/*--------------------------------------------------------------
# Timeline - group
--------------------------------------------------------------*/
.timeline__group {
  display: block;
  position: relative;
  margin-bottom: 24px; }
  @media screen and (min-width: 800px) {
    .timeline__group {
      margin-bottom: 40px;
      margin-left: 0; } }
  .timeline__group:first-of-type .timeline__meta:before {
    left: -48px;
    width: 18px;
    height: 18px;
    background-color: #222222;
    border: none;
    box-shadow: 0 0 0 8px rgba(34, 34, 34, 0.2); }

/*--------------------------------------------------------------
# Timeline - discoveries
--------------------------------------------------------------*/
.timeline__discoveries {
  box-sizing: border-box;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  background-color: #222222;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); }
  .timeline__discoveries__single {
    display: block; }

/*--------------------------------------------------------------
# Timeline - empty state
--------------------------------------------------------------*/
.timeline-empty {
  display: block;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  min-height: 120px;
  margin-top: 40px;
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center;
  font-size: 1.125rem; }
  .timeline-empty .empty-img {
    display: block;
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    max-width: 120px;
    margin-bottom: 16px;
    opacity: .7; }
  .timeline-empty span {
    order: 0;
    flex: 1 1 100%;
    align-self: auto; }

/*--------------------------------------------------------------
# Hub header
--------------------------------------------------------------*/
.hub-header {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  background-color: #222222;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 800px) {
    .hub-header {
      padding-top: 56px;
      padding-bottom: 40px; } }
  .hub-header .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start; }
    @media screen and (min-width: 800px) {
      .hub-header .container {
        flex-wrap: nowrap; } }
  .hub-header__emblem {
    position: relative;
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    box-sizing: border-box;
    margin-bottom: 16px;
    text-align: center; }
    .hub-header__emblem img {
      max-width: 140px;
      overflow: hidden;
      border-radius: 100px; }
    @media screen and (min-width: 800px) {
      .hub-header__emblem {
        flex: 0 1 auto;
        margin-bottom: 0;
        margin-right: 48px;
        max-width: 180px; }
        .hub-header__emblem img {
          max-width: 180px; } }
  .hub-header__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start; }
  .hub-header__main {
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .hub-header__main {
        flex: 0 1 calc(100% - 248px);
        margin-right: 48px;
        text-align: left; } }
    .hub-header__main h1, .hub-header__main .ltext {
      margin-bottom: 8px; }
  .hub-header__actions {
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    margin-top: 24px; }
    @media screen and (min-width: 800px) {
      .hub-header__actions {
        flex: 0 1 auto;
        width: 200px;
        margin-top: 0; } }
    .hub-header__actions .btn, .hub-header__actions input[type="submit"] {
      margin-bottom: 4px; }
  .hub-header__info {
    order: 0;
    flex: 1 1 100%;
    align-self: auto;
    margin-top: 32px;
    padding-top: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #363636; }

/*--------------------------------------------------------------
# Info cells
--------------------------------------------------------------*/
.hub-header__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }
  .hub-header__info__cell {
    flex: 0 1 auto;
    align-self: auto;
    margin-right: 40px;
    margin-bottom: 16px; }
    .hub-header__info__cell:last-of-type {
      margin-right: 0;
      margin-bottom: 0; }
  .hub-header__info__label {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #777777; }

.hub-platform:after {
  content: ', '; }
.hub-platform:last-of-type:after {
  display: none; }

/*--------------------------------------------------------------
# Main hub archive
--------------------------------------------------------------*/
.hub-archive-container {
  margin-top: 24px; }
  @media screen and (min-width: 800px) {
    .hub-archive-container {
      margin-top: 40px; } }

/*--------------------------------------------------------------
# Announcements bar
--------------------------------------------------------------*/
.tax-hub .announcement-banner {
  display: none; }

/*--------------------------------------------------------------
# Hub directory header
--------------------------------------------------------------*/
.hub-directory__header {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 24px;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  background-color: #163d3f; }
  @media screen and (min-width: 800px) {
    .hub-directory__header {
      padding-top: 68px;
      padding-right: 80px;
      padding-bottom: 52px;
      padding-left: 80px; } }
  .hub-directory__header__content {
    position: relative;
    z-index: 600; }
    @media screen and (min-width: 800px) {
      .hub-directory__header__content {
        max-width: 480px; } }

/*--------------------------------------------------------------
# Hub directory intro image
--------------------------------------------------------------*/
.hub-directory-introimg {
  display: NONE;
  position: relative;
  z-index: 500;
  width: 240px;
  height: 175px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(assets/img/hubimg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .6; }
  @media screen and (min-width: 800px) {
    .hub-directory-introimg {
      display: block; } }

/*--------------------------------------------------------------
# Private hubs
--------------------------------------------------------------*/
.private-hub-indicator {
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 22px;
  height: 22px;
  background-color: #652583;
  border-radius: 100px;
  text-align: center;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); }
  @media screen and (min-width: 800px) {
    .private-hub-indicator {
      top: 0;
      right: 0;
      width: 32px;
      height: 32px; } }
  .private-hub-indicator .icon, .private-hub-indicator .info-icon {
    position: relative;
    top: -3px;
    font-size: 13px; }
    @media screen and (min-width: 800px) {
      .private-hub-indicator .icon, .private-hub-indicator .info-icon {
        top: 4px;
        font-size: 21px; } }

/*--------------------------------------------------------------
# Discovery archive
--------------------------------------------------------------*/
.main-archive {
  position: relative;
  width: 100%; }

.discovery-archive-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 16px; }
  @media screen and (min-width: 800px) {
    .discovery-archive-wrapper {
      margin-top: 56px; } }

.discovery-filters {
  order: 0;
  flex: 0 1 100%;
  align-self: flex-start;
  position: relative;
  box-sizing: border-box;
  background-color: #222222;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px; }
  .discovery-filters__heading {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    position: relative;
    left: -24px;
    z-index: 500;
    background-color: #1D4F52;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #2d7b7f;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    width: calc(100% + 8px);
    height: 42px;
    margin-bottom: 16px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 0.875rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 2px; }
    .discovery-filters__heading:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #15393b; }
    .discovery-filters__heading:before {
      content: '';
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 5px;
      height: 5px;
      background-color: rgba(255, 255, 255, 0.35);
      border-radius: 100px; }
  .discovery-filters--secondary {
    margin-top: 16px; }

.discovery-archive-container {
  order: 1;
  flex: 0 1 auto;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  box-sizing: border-box; }
  @media screen and (min-width: 1080px) {
    .discovery-archive-container {
      flex: 0 1 calc(100% - 304px);
      padding-right: 0;
      padding-left: 0; } }
  @media screen and (min-width: 782px) {
    .discovery-archive-container {
      flex: 0 1 100%; } }

/*--------------------------------------------------------------
# Discovery archive sidebar
--------------------------------------------------------------*/
.discovery-archive-sidebar {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  background-color: #222222; }
  @media screen and (min-width: 1080px) {
    .discovery-archive-sidebar {
      display: block;
      position: relative;
      z-index: 500;
      overflow: visible;
      order: 0;
      flex: 0 1 auto;
      align-self: flex-start;
      max-width: 304px;
      margin-right: 40px;
      padding: 0;
      background-color: transparent; }
      .discovery-archive-sidebar .modal-header {
        display: none; } }
  .discovery-archive-sidebar__inner {
    padding: 16px; }
    @media screen and (min-width: 1080px) {
      .discovery-archive-sidebar__inner {
        padding: 0; } }

.btn-toggle-filters {
  display: inline-block;
  position: relative;
  margin-left: 16px;
  padding-top: 3px;
  padding-right: 12px;
  padding-bottom: 5px;
  padding-left: 32px;
  background-color: rgba(34, 34, 34, 0.6);
  border-radius: 100px;
  font-size: 14px; }
  @media screen and (min-width: 1080px) {
    .btn-toggle-filters {
      display: none !important; } }
  .btn-toggle-filters .icon, .btn-toggle-filters .info-icon {
    position: absolute;
    top: 6px;
    left: 10px;
    font-size: 18px;
    opacity: .7; }
  .btn-toggle-filters:hover {
    background-color: rgba(34, 34, 34, 0.9);
    cursor: pointer; }

/*--------------------------------------------------------------
# Filters close
--------------------------------------------------------------*/
.filters-close {
  position: absolute;
  top: 4px;
  right: 8px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  opacity: .7; }
  .filters-close:before {
    position: absolute;
    left: 8px;
    top: 8px;
    font-family: 'atlasicons' !important;
    font-size: 21px;
    content: "\e944";
    color: #fff; }
  .filters-close:hover {
    cursor: pointer;
    opacity: 1; }

/*--------------------------------------------------------------
# Filter reset button
--------------------------------------------------------------*/
.filter-reset-btn {
  display: inline-block;
  position: absolute;
  z-index: 500;
  top: 13px;
  right: 22px;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #999999;
  font-size: 0.75rem;
  line-height: 0.75rem; }
  .filter-reset-btn:hover {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    cursor: pointer; }

/*--------------------------------------------------------------
# Load more discoveries
--------------------------------------------------------------*/
button.fwp-load-more {
  order: 0;
  flex: 1 1 100%; }

/*--------------------------------------------------------------
# LFG form
--------------------------------------------------------------*/
.page-template-page-upload-lfg-php .acf-field.hidden {
  display: none; }
  .page-template-page-upload-lfg-php .acf-field.hidden.visible {
    display: flex; }

/*--------------------------------------------------------------
# LFG content
--------------------------------------------------------------*/
.content-container__lfg {
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0; }

.lfg-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 48px; }
  .lfg-container__inner {
    order: 0;
    flex: 0 1 100%;
    align-self: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    box-sizing: border-box;
    margin-bottom: 1px; }
    .lfg-container__inner:nth-child(even) {
      background-color: #2a2a2a; }
    .lfg-container__inner:nth-child(odd) {
      background-color: #2f2f2f; }
    .lfg-container__inner--header {
      background-color: transparent !important;
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.4);
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px; }
    .lfg-container__inner__cell {
      padding-top: 12px;
      padding-right: 16px;
      padding-bottom: 12px;
      padding-left: 16px; }
    .lfg-container__inner__avatar {
      order: 0;
      flex: 0 1 24px;
      align-self: auto; }
      .lfg-container__inner__avatar .avatar {
        display: block;
        position: relative;
        width: 24px;
        margin-top: 1px;
        height: auto;
        vertical-align: bottom;
        border-radius: 4px; }
    .lfg-container__inner__gamerid {
      order: 0;
      flex: 0 1 200px;
      align-self: auto;
      padding-left: 0;
      font-weight: bold; }
    .lfg-container__inner__details {
      order: 0;
      flex: 1 1 auto;
      align-self: auto;
      padding-left: 16px;
      border-left-width: 1px;
      border-left-style: solid;
      border-left-color: #222222; }
    .lfg-container__inner .pill,
    .lfg-container__inner .lfg-added {
      padding-top: 1px;
      font-size: 0.8125rem; }
    .lfg-container__inner .pill {
      color: #999999; }
    .lfg-container__inner .lfg-added {
      color: #777777; }
    .lfg-container__inner .lfg-notes {
      margin-top: 2px; }

/*--------------------------------------------------------------
# LFG meta
--------------------------------------------------------------*/
.lfg-meta .lfg-added {
  float: right; }

.lfg-notes {
  display: block; }

.lfg-empty {
  display: block;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
  color: #444444; }

/*--------------------------------------------------------------
# LFG headings
--------------------------------------------------------------*/
.lfg-heading {
  display: block;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: calc(100% + 48px);
  z-index: 500;
  height: 46px;
  left: -24px;
  padding-top: 2px;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
  background-color: #115C26;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #1b903b;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 800px) {
    .lfg-heading {
      width: calc(100% + 104px);
      left: -52px; } }
  .lfg-heading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #0c421b; }
  .lfg-heading:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 7px;
    height: 7px;
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 100px; }
  .lfg-heading--pc {
    background-color: #014D69;
    border-top-color: #0279a6;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
    .lfg-heading--pc:after {
      background-color: #01374b; }
  .lfg-heading--playstation {
    background-color: #003087;
    border-top-color: #0046c4;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
    .lfg-heading--playstation:after {
      background-color: #002568; }
  .lfg-heading--xbox {
    background-color: #2D7928;
    border-top-color: #3ea737;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
    .lfg-heading--xbox:after {
      background-color: #246220; }

/*--------------------------------------------------------------
# Taxonomy term lists
--------------------------------------------------------------*/
.terms-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start; }
  .terms-list__group {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    min-width: 200px; }
    .terms-list__group h3 {
      margin-bottom: 24px;
      color: #777777; }
    .terms-list__group ul {
      margin: 0;
      padding: 0; }
      .terms-list__group ul li:before {
        display: none; }

/*--------------------------------------------------------------
# Taxonomy term page
--------------------------------------------------------------*/
.page-template-page-terms-php .container {
  max-width: 2800px; }
  .page-template-page-terms-php .container .main {
    max-width: 100%; }
    .page-template-page-terms-php .container .main .content-container--page {
      margin-top: 24px;
      padding-right: 56px;
      padding-left: 56px; }

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