@font-face {
  font-family: 'GhostIcons';
  src: url('fonts/icons.woff?v=0.1') format('woff');
  font-weight: normal;
  font-style: normal; }

[class*=icon-]:before, .gh-select:after, .nav-list-item:before, .modal-content .close:before, .notification-success:before, .notification-error:before, .notification-warn:before, .notification-info:before, .notification-success .close:after, .notification-error .close:after, .notification-warn .close:after, .notification-info .close:after, .image-uploader .media:before, .image-uploader .image-webcam:before, .image-uploader .image-url:before, .image-uploader .image-upload:before, .pre-image-uploader .image-cancel:before, .splitbtn .dropdown-toggle .options:before, .splitbutton .options:before, .splitbutton-save .options:before, .splitbutton-add .options:before, .splitbutton-delete .options:before, .splitbutton-alt .options:before, .splitbutton .options:hover:before, .splitbutton-save .options:hover:before, .splitbutton-add .options:hover:before, .splitbutton-delete .options:hover:before, .splitbutton-alt .options:hover:before, .splitbutton .options:focus:before, .splitbutton-save .options:focus:before, .splitbutton-add .options:focus:before, .splitbutton-delete .options:focus:before, .splitbutton-alt .options:focus:before, .splitbutton .options.up:hover:before, .splitbutton-save .options.up:hover:before, .splitbutton-add .options.up:hover:before, .splitbutton-delete .options.up:hover:before, .splitbutton-alt .options.up:hover:before, .splitbutton .options.up:focus:before, .splitbutton-save .options.up:focus:before, .splitbutton-add .options.up:focus:before, .splitbutton-delete .options.up:focus:before, .splitbutton-alt .options.up:focus:before, .menu-button:before, .content-list .btn-green:before, .content-list .featured:before, .content-list li a:after, .content-preview .unfeatured:before, .content-preview .featured:before, .content-preview .post-edit:before, .markdown-help:before, .markdown-help:hover:before, #entry-tags .tag:after, .post-settings:before, .settings-nav li a:after, .about-ghost-intro .ghost_logo:before, .about-ghost-intro .ghost_logo:after {
  font-family: "GhostIcons";
  font-weight: normal;
  font-style: normal;
  vertical-align: -3%;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*=icon-]:hover {
  text-decoration: none; }

.icon-add:before {
  content: '\f632'; }

.icon-app:before {
  content: '\f60b'; }

.icon-appearance:before {
  content: '\f621'; }

.icon-archive:before {
  content: '\f61f'; }

.icon-atom:before {
  content: '\f63e'; }

.icon-book:before {
  content: '\f642'; }

.icon-calendar:before {
  content: '\f61e'; }

.icon-camera:before {
  content: '\f62a'; }

.icon-check:before {
  content: '\f633'; }

.icon-chevron-down:before {
  content: '\f601'; }

.icon-chevron-left:before {
  content: '\f643'; }

.icon-chevron:before {
  content: '\f61d'; }

.icon-clock:before {
  content: '\f628'; }

.icon-close:before {
  content: '\f61c'; }

.icon-code:before {
  content: '\f63d'; }

.icon-comments:before {
  content: '\f61b'; }

.icon-compass:before {
  content: '\f63f'; }

.icon-content:before {
  content: '\f62d'; }

.icon-edit:before {
  content: '\f60f'; }

.icon-error:before {
  content: '\f61a'; }

.icon-external:before {
  content: '\f619'; }

.icon-featured:before {
  content: '\f626'; }

.icon-fullscreen:before {
  content: '\f617'; }

.icon-ghost-logo:before {
  content: '\f644'; }

.icon-ghost:before {
  content: '\f600'; }

.icon-grid:before {
  content: '\f616'; }

.icon-home:before {
  content: '\f615'; }

.icon-image:before {
  content: '\f611'; }

.icon-info:before {
  content: '\f614'; }

.icon-lightning:before {
  content: '\f63c'; }

.icon-link:before {
  content: '\f635'; }

.icon-list:before {
  content: '\f613'; }

.icon-lock:before {
  content: '\f62c'; }

.icon-mail:before {
  content: '\f612'; }

.icon-markdown:before {
  content: '\f640'; }

.icon-menu:before {
  content: '\f605'; }

.icon-mobile:before {
  content: '\f610'; }

.icon-notification:before {
  content: '\f631'; }

.icon-pacman:before {
  content: '\f60e'; }

.icon-pc:before {
  content: '\f60d'; }

.icon-pin:before {
  content: '\f60c'; }

.icon-power:before {
  content: '\f62b'; }

.icon-preview:before {
  content: '\f60a'; }

.icon-question:before {
  content: '\f618'; }

.icon-reply:before {
  content: '\f624'; }

.icon-repost:before {
  content: '\f636'; }

.icon-rss:before {
  content: '\f609'; }

.icon-search-left:before {
  content: '\f608'; }

.icon-search:before {
  content: '\f607'; }

.icon-services:before {
  content: '\f620'; }

.icon-settings:before {
  content: '\f606'; }

.icon-settings2:before {
  content: '\f629'; }

.icon-stats:before {
  content: '\f625'; }

.icon-success:before {
  content: '\f630'; }

.icon-support:before {
  content: '\f62f'; }

.icon-tablet:before {
  content: '\f604'; }

.icon-tag:before {
  content: '\f603'; }

.icon-trash:before {
  content: '\f623'; }

.icon-twitter:before {
  content: '\f641'; }

.icon-unfeatured:before {
  content: '\f627'; }

.icon-user:before {
  content: '\f62e'; }

.icon-users:before {
  content: '\f602'; }

.icon-video:before {
  content: '\f622'; }

.icon-weather-cloudy:before {
  content: '\f63b'; }

.icon-weather-partial:before {
  content: '\f639'; }

.icon-weather-rain:before {
  content: '\f637'; }

.icon-weather-snow:before {
  content: '\f63a'; }

.icon-weather-sun:before {
  content: '\f638'; }

.icon-x:before {
  content: '\f634'; }

.icon-list:before {
  font-size: 0.9em; }

.icon-markdown:before {
  font-size: 1.1em;
  vertical-align: -7%; }

.icon-twitter:before {
  font-size: 1.1em; }

.icon-grab:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 15px;
  background-size: 4px 4px;
  background-color: #c0bfb6;
  background-position: -1px -1px;
  background-image: -webkit-linear-gradient(#fff 1px, transparent 1px), -webkit-linear-gradient(0deg, #fff 1px, transparent 1px), -webkit-linear-gradient(#fff 1px, transparent 1px), -webkit-linear-gradient(0deg, #fff 1px, transparent 1px);
  background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px), linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px); }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-webkit-keyframes fade-in-snap {
  to {
    opacity: 1; } }

@keyframes fade-in-snap {
  to {
    opacity: 1; } }

@-webkit-keyframes fade-in-scale {
  from {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0; }

  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes fade-in-scale {
  from {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0; }

  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-webkit-keyframes keyboard-focus-style-fade-out {
  from {
    box-shadow: inset 0 0 30px 1px #b3b9ba; }

  to {
    box-shadow: none; } }

@keyframes keyboard-focus-style-fade-out {
  from {
    box-shadow: inset 0 0 30px 1px #b3b9ba; }

  to {
    box-shadow: none; } }

.fade-in {
  -webkit-animation: fade-in 0.2s;
          animation: fade-in 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.fade-in-scale {
  -webkit-animation: fade-in-scale 0.2s;
          animation: fade-in-scale 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.fade-out {
  -webkit-animation: fade-out 0.5s;
          animation: fade-out 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  -webkit-pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800; }

#nprogress .bar {
  background: #5BA4E5;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #5BA4E5, 0 0 5px #5BA4E5;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 100;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #5BA4E5;
  border-left-color: #5BA4E5;
  border-radius: 10px;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.nano > .nano-content:focus {
  outline: thin dotted; }

.nano > .nano-content::-webkit-scrollbar {
  display: none; }

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block; }

.nano > .nano-pane {
  background: transparent;
  position: absolute;
  width: 7px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  opacity: 0;
  -webkit-transition: 0.45s;
          transition: 0.45s;
  border-radius: 10px; }

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.35);
  position: relative;
  border-radius: 10px; }

.nano.nanoShowScrollBar > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  opacity: 1; }

.nano > .nano-pane:hover, .nano > .nano-pane.active {
  width: 10px;
  background: rgba(0, 0, 0, 0.15);
  opacity: 1;
  -webkit-transition: 0.15s;
          transition: 0.15s; }

.floatingheader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  height: 40px;
  padding: 10px 20px;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #aaa9a2;
  background: -webkit-linear-gradient(top, white 0%, white 25%, rgba(255, 255, 255, 0.9) 100%);
  background: linear-gradient(to bottom, white 0%, white 25%, rgba(255, 255, 255, 0.9) 100%); }
  .floatingheader .button {
    display: inline-block;
    font-size: 10px;
    min-height: 20px;
    height: 20px;
    padding: 3px 4px;
    vertical-align: top; }
    .floatingheader .button.button-back {
      position: relative;
      top: -2px;
      left: 3px;
      display: none;
      padding: 0 6px 0 3px; }
      .floatingheader .button.button-back:active {
        box-shadow: none; }
      .floatingheader .button.button-back:before {
        left: -8px;
        border-width: 10px 8px 10px 0; }
      @media (max-width: 900px) {
        .floatingheader .button.button-back {
          display: inline-block; } }
  .floatingheader small {
    font-size: 0.85em; }
  .floatingheader a, .floatingheader button {
    color: #aaa9a2; }
    .floatingheader a:hover, .floatingheader button:hover {
      color: #242628; }

.scrolling .floatingheader {
  box-shadow: rgba(0, 0, 0, 0.03) 0 1px 3px; }
  .scrolling .floatingheader:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    height: 5px;
    width: 80%;
    margin-left: -40%;
    background-image: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.05) 0%, transparent 75%, transparent 100%);
    background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.05) 0%, transparent 75%, transparent 100%);
    background-position: 0px -5px;
    background-size: 100% 200%;
    z-index: -1; }

form label {
  display: block;
  color: #242628;
  font-size: 1.3rem;
  font-weight: bold; }

.form-group {
  position: relative;
  margin-bottom: 1.6em;
  width: 100%;
  max-width: 500px; }
  .form-group p {
    margin: 4px 0 0 0;
    color: #B3B2A8;
    font-size: 1.3rem; }
  .form-group label {
    margin-bottom: 4px; }
  @media (max-width: 550px) {
    .form-group {
      max-width: 100%; } }

.input-icon[class*='icon-'] {
  position: relative;
  display: block; }
  .input-icon[class*='icon-'] input[type="email"], .input-icon[class*='icon-'] input[type="number"], .input-icon[class*='icon-'] input[type="password"], .input-icon[class*='icon-'] input[type="search"], .input-icon[class*='icon-'] input[type="tel"], .input-icon[class*='icon-'] input[type="text"], .input-icon[class*='icon-'] input[type="url"], .input-icon[class*='icon-'] input[type="date"] {
    padding-left: 3.2rem; }
  .input-icon[class*='icon-'] .gh-select select {
    padding-left: 3.2rem; }
  .input-icon[class*='icon-']:before {
    position: absolute;
    top: 50%;
    left: 1.1rem;
    font-size: 1.3rem;
    -webkit-transform: translateY(-52%);
        -ms-transform: translateY(-52%);
            transform: translateY(-52%);
    z-index: 100; }

.for-radio:after, .for-checkbox:after {
  content: "";
  display: table;
  clear: both; }
.for-radio label, .for-checkbox label {
  display: block;
  padding-bottom: 4px; }
  .for-radio label p, .for-checkbox label p {
    font-weight: normal;
    color: #000; }
  .for-radio label:hover input:not(:checked) + .input-toggle-component, .for-checkbox label:hover input:not(:checked) + .input-toggle-component {
    border-color: #c0bfb6; }
.for-radio input, .for-checkbox input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -9999px; }
.for-radio .input-toggle-component, .for-checkbox .input-toggle-component {
  position: relative;
  top: 1px;
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 7px;
  background: #F7F7F3;
  border: 1px solid #edece4; }
.for-radio p, .for-checkbox p {
  font-weight: normal;
  color: #B3B2A8;
  white-space: nowrap; }

fieldset {
  border: none;
  margin: 0 0 3em 0;
  padding: 0; }

legend {
  display: block;
  width: 100%;
  margin: 2em 0;
  border-bottom: #edece4 1px solid;
  font-size: 1.2em;
  line-height: 2em;
  color: #aaa9a2; }

.input, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="date"], textarea, .gh-select {
  display: block;
  padding: 8px 10px;
  width: 100%;
  border: 1px solid #E0DFD7;
  border-radius: 3px;
  -webkit-appearance: none;
  font-size: 1.4rem;
  font-weight: normal;
  color: #242628;
  -webkit-transition: border-color 0.15s linear;
          transition: border-color 0.15s linear; }
  .input.error, input[type="email"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="url"].error, input[type="date"].error, textarea.error, .gh-select.error {
    border-color: #e25440; }
  .input:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus, .gh-select:focus {
    border-color: #aaa9a2;
    outline: 0; }

textarea {
  width: 100%;
  max-width: 500px;
  min-width: 250px;
  height: auto;
  min-height: 10rem;
  line-height: 1.5;
  resize: vertical; }

.for-checkbox .input-toggle-component {
  border-radius: 3px; }
.for-checkbox label .input-toggle-component {
  -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
          transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .for-checkbox label .input-toggle-component:before {
    -webkit-transition: opacity 0.15s ease-in-out;
            transition: opacity 0.15s ease-in-out;
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    top: 4px;
    left: 3px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0; }
.for-checkbox label input:checked + .input-toggle-component {
  background: #9FBB58;
  border-color: #849f41; }
  .for-checkbox label input:checked + .input-toggle-component:before {
    opacity: 1; }

.for-radio .input-toggle-component {
  border-radius: 100px; }
.for-radio label .input-toggle-component {
  -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
          transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  .for-radio label .input-toggle-component:before {
    -webkit-transition: opacity 0.15s ease-in-out;
            transition: opacity 0.15s ease-in-out;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
    background: #FFF;
    border-radius: 100%;
    opacity: 0; }
.for-radio label input:checked + .input-toggle-component {
  background: #9FBB58;
  border-color: #849f41; }
  .for-radio label input:checked + .input-toggle-component:before {
    opacity: 1; }

.gh-select {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  padding: 0;
  border-width: 0; }
  .gh-select:after {
    content: '\f601';
    font-size: 0.85em;
    color: #c0bfb6;
    position: absolute;
    top: 50%;
    right: 0.8em;
    margin-top: -0.5em;
    pointer-events: none; }
  .gh-select:hover {
    text-decoration: none; }
  .gh-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: window;
    text-indent: 0.01px;
    text-overflow: "";
    background: #fff;
    outline: none;
    padding: 8px 10px;
    line-height: normal; }
    .gh-select select::-ms-expand {
      display: none; }
    .gh-select select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }

@-moz-document url-prefix() {
  .gh-select {
    border-width: 1px; }
    .gh-select select {
      padding: 7px 10px 7px 8px; }
    .gh-select:focus {
      border-color: #aaa9a2; } }

.btn, .modal-footer .reject-button-class {
  display: inline-block;
  margin-bottom: 0;
  padding: 9px 14px;
  font-size: 1.1rem;
  line-height: 1.428571429;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 1px;
  white-space: nowrap;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .btn:focus, .modal-footer .reject-button-class:focus, .btn:active:focus, .modal-footer .reject-button-class:active:focus, .btn.active:focus, .modal-footer .active.reject-button-class:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .modal-footer .reject-button-class:hover, .btn:focus, .modal-footer .reject-button-class:focus {
    color: #5BA4E5;
    text-decoration: none; }
  .btn:active, .modal-footer .reject-button-class:active, .btn.active, .modal-footer .active.reject-button-class {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .modal-footer .disabled.reject-button-class, .btn[disabled], .modal-footer [disabled].reject-button-class, fieldset[disabled] .btn, fieldset[disabled] .modal-footer .reject-button-class, .modal-footer fieldset[disabled] .reject-button-class {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    box-shadow: none; }

.btn-default {
  font-weight: normal;
  color: #666;
  background-color: #fff;
  border-color: #e8eaeb;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
          transition: background 0.2s ease, border-color 0.2s ease; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #666;
    background-color: #e6e6e6;
    border-color: #c8ccce; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #e8eaeb; }
  .btn-default .badge {
    color: #fff;
    background-color: #666;
    box-shadow: 0 0 0 1px #666; }

.btn-alt {
  color: #fff;
  background-color: #A1ADB3;
  border-color: #93a1a8;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
          transition: background 0.2s ease, border-color 0.2s ease; }
  .btn-alt:hover, .btn-alt:focus, .btn-alt:active, .btn-alt.active, .open > .btn-alt.dropdown-toggle {
    color: #fff;
    background-color: #85949c;
    border-color: #71838c; }
  .btn-alt:active, .btn-alt.active, .open > .btn-alt.dropdown-toggle {
    background-image: none; }
  .btn-alt.disabled, .btn-alt.disabled:hover, .btn-alt.disabled:focus, .btn-alt.disabled:active, .btn-alt.disabled.active, .btn-alt[disabled], .btn-alt[disabled]:hover, .btn-alt[disabled]:focus, .btn-alt[disabled]:active, .btn-alt[disabled].active, fieldset[disabled] .btn-alt, fieldset[disabled] .btn-alt:hover, fieldset[disabled] .btn-alt:focus, fieldset[disabled] .btn-alt:active, fieldset[disabled] .btn-alt.active {
    background-color: #A1ADB3;
    border-color: #93a1a8; }
  .btn-alt .badge {
    color: #A1ADB3;
    background-color: #fff;
    box-shadow: 0 0 0 1px #fff; }

.btn-blue {
  color: #fff;
  background-color: #5BA4E5;
  border-color: #4598e2;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
          transition: background 0.2s ease, border-color 0.2s ease; }
  .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #2f8cde;
    border-color: #207ac9; }
  .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
    background-image: none; }
  .btn-blue.disabled, .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled], .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active {
    background-color: #5BA4E5;
    border-color: #4598e2; }
  .btn-blue .badge {
    color: #5BA4E5;
    background-color: #fff;
    box-shadow: 0 0 0 1px #fff; }

.btn-green {
  color: #fff;
  background-color: #9FBB58;
  border-color: #94b148;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
          transition: background 0.2s ease, border-color 0.2s ease; }
  .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #849f41;
    border-color: #6f8636; }
  .btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {
    background-image: none; }
  .btn-green.disabled, .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
    background-color: #9FBB58;
    border-color: #94b148; }
  .btn-green .badge {
    color: #9FBB58;
    background-color: #fff;
    box-shadow: 0 0 0 1px #fff; }

.btn-red {
  color: #fff;
  background-color: #e25440;
  border-color: #df402a;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
          transition: background 0.2s ease, border-color 0.2s ease; }
  .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #cf3520;
    border-color: #b12d1b; }
  .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
    background-image: none; }
  .btn-red.disabled, .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled], .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active {
    background-color: #e25440;
    border-color: #df402a; }
  .btn-red .badge {
    color: #e25440;
    background-color: #fff;
    box-shadow: 0 0 0 1px #fff; }

.btn-link {
  color: #5BA4E5;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    color: #5BA4E5;
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #7d878a;
    text-decoration: none; }

.btn-minor {
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.2rem;
  padding: 8px 14px; }

.btn-lg {
  padding: 12px 18px;
  font-size: 1.4rem;
  line-height: 1.33;
  border-radius: 4px; }

.btn-sm {
  padding: 7px 10px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 2px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 300;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label, .modal-footer .reject-button-class .label {
    position: relative;
    top: -1px; }

h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
  display: inline-block;
  padding: 0.2em 0.5em 0.25em;
  top: -0.18em;
  position: relative;
  line-height: 70%;
  font-size: 70%; }

a.label:hover, a.label:focus {
  color: #FFF;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #A1ADB3;
  color: #fff; }
  .label-default[href] {
    color: #fff; }
    .label-default[href]:hover, .label-default[href]:focus {
      background-color: #85949c; }

.label-alt {
  background-color: #666;
  color: #fff; }
  .label-alt[href] {
    color: #fff; }
    .label-alt[href]:hover, .label-alt[href]:focus {
      background-color: #4d4d4d; }

.label-blue {
  background-color: #5BA4E5;
  color: #fff; }
  .label-blue[href] {
    color: #fff; }
    .label-blue[href]:hover, .label-blue[href]:focus {
      background-color: #2f8cde; }

.label-green {
  background-color: #9FBB58;
  color: #fff; }
  .label-green[href] {
    color: #fff; }
    .label-green[href]:hover, .label-green[href]:focus {
      background-color: #849f41; }

.label-red {
  background-color: #e25440;
  color: #fff; }
  .label-red[href] {
    color: #fff; }
    .label-red[href]:hover, .label-red[href]:focus {
      background-color: #cf3520; }

table, .table {
  margin: 1.6em 0;
  width: 100%;
  max-width: 100%;
  background-color: transparent; }
  table th, table td, .table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle; }

.table th, .table td {
  border-top: 1px solid #edece4; }
.table th {
  color: #aaa9a2; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
  border-top: 0; }
.table tbody + tbody {
  border-top: 2px solid #edece4; }
.table table table {
  background-color: #fff; }
.table tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th {
  background-color: #f7f7f3; }
.table.plain tbody > tr:nth-child(odd) > td, .table.plain tbody > tr:nth-child(odd) > th {
  background: transparent; }

.nav-list {
  padding: 0;
  border: 1px solid #E0DFD7;
  max-width: 500px;
  border-radius: 3px;
  background: #FFF; }
  .nav-list.nav-list-block {
    max-width: none; }

.nav-list-item {
  position: relative;
  display: block;
  padding: 8px 40px 8px 12px;
  color: #242628; }
  .nav-list-item:before {
    content: '\f61d';
    font-size: 1.4rem;
    color: #c0bfb6;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .nav-list-item:hover {
    text-decoration: none; }
  .nav-list-item:hover {
    background: #f7f7f3; }
  .nav-list-item:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .nav-list-item:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .nav-list-item:not(:last-of-type) {
    border-bottom: 1px solid #E0DFD7; }
  .nav-list-item button {
    text-align: left; }
  .nav-list-item a {
    color: #242628; }
  .nav-list-item b {
    display: block;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.375; }
  .nav-list-item span {
    display: block;
    font-size: 1.1rem;
    color: #7d878a;
    line-height: 1.375; }

.global-nav {
  height: 60px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 800;
  background: #242628;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
          transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); }
  .global-nav i:before {
    display: inline-block;
    width: 16px; }
  body.settings-menu-expanded .global-nav {
    -webkit-transform: translate3d(-350px, 0px, 0px);
            transform: translate3d(-350px, 0px, 0px); }
  .global-nav ::-moz-selection {
    background: none; }
  .global-nav ::selection {
    background: none; }

.nav-item {
  position: relative;
  display: block;
  float: left;
  height: 60px;
  padding-right: 10px;
  font-size: 1.1rem;
  letter-spacing: 1px;
  font-weight: 200;
  line-height: 1.1em; }

.nav-label {
  height: 33px;
  margin-top: 14px;
  padding: 10px 12px;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-transition: color 0.5s, background 0.5s;
          transition: color 0.5s, background 0.5s; }

.nav-item.active .nav-label, .nav-item:focus .nav-label, .nav-item:hover .nav-label, .nav-item:active .nav-label {
  color: #fff;
  background: #0e0f10;
  -webkit-transition: color 0.1s, background 0.1s;
          transition: color 0.1s, background 0.1s; }

.ghost-logo {
  width: 60px;
  padding-right: 0;
  text-align: center;
  color: #656d71;
  font-size: 1.2rem;
  line-height: 1em;
  -webkit-transition: color 0.5s;
          transition: color 0.5s; }
  .ghost-logo span {
    display: none; }

.ghost-logo:hover, .ghost-logo:focus {
  color: #e2edf2;
  -webkit-transition: color 0.1s;
          transition: color 0.1s; }
  .ghost-logo:hover .nav-label, .ghost-logo:focus .nav-label {
    background: transparent; }

.help-menu {
  padding-right: 0;
  float: right;
  cursor: pointer; }
  .help-menu .nav-label {
    margin: 0;
    padding: 0 6px 0 12px;
    background: none !important; }

.help-button {
  height: 30px;
  width: 30px;
  border: #7d878a 1px solid;
  margin-top: 15px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 30px;
  border-radius: 100%;
  -webkit-transition: border 0.5s;
          transition: border 0.5s; }

.help-menu:hover .help-button {
  border: #e2edf2 1px solid;
  -webkit-transition: border 0.3s;
          transition: border 0.3s; }

.help-menu .dropdown {
  right: 77px;
  left: auto; }
  .help-menu .dropdown .dropdown-menu {
    min-width: 200px; }
  .help-menu .dropdown.fade-in-scale {
    -webkit-animation-duration: 0.1s;
            animation-duration: 0.1s; }
  .help-menu .dropdown.fade-out {
    -webkit-animation-duration: 0.01s;
            animation-duration: 0.01s; }

.user-menu {
  float: right;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  .user-menu .nav-label {
    margin: 0;
    padding: 0 12px;
    background: none !important;
    height: 60px; }
  .user-menu .image {
    float: left;
    margin: 15px 10px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .user-menu .image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .user-menu .name {
    float: right;
    height: 33px;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: background 0.5s;
            transition: background 0.5s; }
    .user-menu .name small {
      display: none;
      font-size: 11px;
      text-transform: none;
      letter-spacing: 0;
      color: rgba(255, 255, 255, 0.4);
      margin-top: 0;
      line-height: 11px; }
  .user-menu:hover .name {
    color: rgba(255, 255, 255, 0.9);
    background: #131415;
    -webkit-transition: background 0.1s;
            transition: background 0.1s; }
  .user-menu .dropdown {
    position: fixed;
    top: 50px;
    right: 15px;
    left: auto; }
    .user-menu .dropdown.fade-in-scale {
      -webkit-animation-duration: 0.1s;
              animation-duration: 0.1s; }
    .user-menu .dropdown.fade-out {
      -webkit-animation-duration: 0.01s;
              animation-duration: 0.01s; }
    .user-menu .dropdown .dropdown-menu {
      min-width: 180px;
      position: absolute;
      top: 0;
      right: 0;
      left: auto; }

@media (max-width: 900px) {
  .global-nav {
    z-index: 20;
    width: 260px;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    background: #131415;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(-60px, 0px, 0px);
            transform: translate3d(-60px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
            transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); }
    body.global-nav-expanded .global-nav {
      -webkit-transform: translate3d(0, 0px, 0px);
              transform: translate3d(0, 0px, 0px); }
  .nav-item {
    position: relative;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    border-bottom: #242628 1px solid; }
  .nav-label {
    display: block;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0 15px;
    border-radius: 0; }
  .nav-item.active .nav-label {
    color: #fff !important;
    background: #1a1c1d; }
    .nav-item.active .nav-label i {
      color: #fff; }
  .nav-item:hover .nav-label {
    color: rgba(255, 255, 255, 0.9);
    background: #242628; }
  .ghost-logo {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    line-height: 44px;
    text-align: left; }
    .ghost-logo span {
      display: inline; }
  .help-menu {
    display: none; }
  .user-menu {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 0;
    border-bottom: none;
    border-top: #242628 1px solid;
    -webkit-transition: color 0.5s, background 0.5s;
            transition: color 0.5s, background 0.5s; }
    .user-menu .nav-label {
      padding: 15px;
      height: auto; }
    .user-menu .image {
      margin: 2px 10px 0 0; }
    .user-menu .name {
      float: left;
      margin: 0;
      max-width: 300px;
      padding: 0 0 5px 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 19px;
      overflow: hidden; }
      .user-menu .name small {
        display: block; }
    .user-menu i {
      display: none; }
    .user-menu:hover {
      color: rgba(255, 255, 255, 0.9);
      background: #242628;
      -webkit-transition: color 0.1s, background 0.1s;
              transition: color 0.1s, background 0.1s; }
      .user-menu:hover .name {
        background: transparent;
        -webkit-transition: none;
                transition: none; }
    .user-menu .dropdown {
      position: absolute;
      top: 100%;
      right: 100%; }
      .user-menu .dropdown .dropdown-menu {
        top: auto;
        right: auto;
        bottom: calc(100% + 80px);
        left: 10px; }
  body.global-nav-expanded .nav-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 600;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
            transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
    -webkit-transform: translate3d(260px, 0px, 0px);
            transform: translate3d(260px, 0px, 0px); } }

.modal-container {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  padding-left: 10px;
  padding-right: 10px;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-transition: all 0.15s linear 0s;
          transition: all 0.15s linear 0s;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.modal-background {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background: rgba(0, 0, 0, 0.6); }

.modal, .modal-action {
  left: 50%;
  right: auto;
  z-index: 1050;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  pointer-events: auto; }
  @media (max-width: 900px) {
    .modal, .modal-action {
      padding: 10px; } }
  .modal button, .modal-action button {
    min-width: 100px; }
  .modal .image-uploader, .modal-action .image-uploader, .modal .pre-image-uploader, .modal-action .pre-image-uploader {
    margin: 0; }

.modal-action {
  padding: 60px 0 30px; }
  @media (max-width: 900px) {
    .modal-action {
      padding: 30px 0; } }

.modal-content {
  position: relative;
  padding: 18px;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 6px; }
  .modal-content .close {
    position: absolute;
    top: 19px;
    right: 19px;
    z-index: 9999;
    width: 16px;
    padding: 0;
    margin: 0;
    border: none; }
    .modal-content .close:before {
      content: '\f61c';
      font-size: 1.4rem;
      color: #7d878a;
      -webkit-transition: color 0.3s linear;
              transition: color 0.3s linear; }
    .modal-content .close:hover {
      text-decoration: none; }
    .modal-content .close:hover:before {
      color: #35393b; }

.modal-header {
  position: relative;
  margin-bottom: 18px; }
  .modal-header h1 {
    display: inline-block;
    margin: 0 25px 0 0;
    font-size: 1.85em;
    font-weight: 100; }

.modal-body {
  position: relative;
  overflow-y: auto; }
  .modal-body .red {
    color: #e25440; }
  .modal-body > *:first-child {
    margin-top: 0; }
  .modal-body > *:last-child {
    margin-bottom: 0; }

.modal-footer {
  margin-top: 20px;
  text-align: right; }
  .modal-footer button {
    margin-left: 8px; }

.modal-style-wide {
  width: 550px; }
  @media (max-width: 900px) {
    .modal-style-wide {
      width: 100%; } }

.modal-style-centered {
  text-align: center; }

.modal-body .login-form {
  display: block; }
  .modal-body .login-form .password-wrap input {
    width: 100%; }
  @media (max-width: 900px) {
    .modal-body .login-form {
      margin: 0 auto;
      max-width: 264px; }
      .modal-body .login-form .password-wrap {
        width: 100%;
        margin: 0 auto 1em; }
      .modal-body .login-form .btn, .modal-body .login-form .modal-footer .reject-button-class, .modal-footer .modal-body .login-form .reject-button-class {
        margin: 0;
        width: 100%;
        margin-bottom: 1em; } }
  @media (min-width: 901px) {
    .modal-body .login-form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .modal-body .login-form .password-wrap {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; } }

.modal-container.open, .modal-container.open > .modal, .modal-container.open > .modal-action, .modal-container.open > .modal-action {
  display: block; }

.modal-background.open {
  display: block; }

.modal-container.fade-out {
  -webkit-animation-duration: 0.08s;
          animation-duration: 0.08s; }

.modal-background.fade-out {
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s; }

.notifications.top {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
          transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); }
  .notifications.top .notification-success, .notifications.top .notification-error, .notifications.top .notification-warn, .notifications.top .notification-info {
    margin: 0; }
  @media (max-width: 900px) {
    .notifications.top {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
              transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); } }
  body.global-nav-expanded .notifications.top {
    -webkit-transform: translate3d(260px, 0px, 0px);
            transform: translate3d(260px, 0px, 0px); }
  @media (max-width: 350px) {
    body.settings-menu-expanded .notifications.top {
      -webkit-transform: translate3d(-100%, 0px, 0px);
              transform: translate3d(-100%, 0px, 0px); } }
  @media (min-width: 351px) {
    body.settings-menu-expanded .notifications.top {
      -webkit-transform: translate3d(-350px, 0px, 0px);
              transform: translate3d(-350px, 0px, 0px); }
      body.settings-menu-expanded .notifications.top:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        width: 1px;
        background: #EDECE4; } }

@media (max-width: 900px) {
  .notifications.top {
    position: relative;
    z-index: 20; }
  .viewport[data-notification-count='1'] {
    top: 43px; }
    .viewport[data-notification-count='1'] .settings-view-header, .viewport[data-notification-count='1'] .settings-subview-header, .viewport[data-notification-count='1'] .post-preview-header {
      top: 43px; } }

@media (min-width: 901px) {
  .notifications.top {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 20; }
  .viewport[data-notification-count='1'] .page-content {
    top: 103px; } }

@media (max-width: 400px) {
  .notifications.bottom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; } }
@media (min-width: 401px) {
  .notifications.bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 800;
    width: 300px; } }

.notification-success, .notification-error, .notification-warn, .notification-info {
  width: 100%;
  min-height: 40px;
  max-height: 253px;
  margin: 0 0 15px 0;
  color: rgba(255, 255, 255, 0.9);
  background: #5BA4E5;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 5px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .notification-success:before, .notification-error:before, .notification-warn:before, .notification-info:before {
    content: '\f631';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 44px;
    padding: 14px 15px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1); }
  .notification-success:hover, .notification-error:hover, .notification-warn:hover, .notification-info:hover {
    text-decoration: none; }
  @media (max-width: 400px) {
    .notification-success, .notification-error, .notification-warn, .notification-info {
      margin-bottom: 1px; } }
  .notification-success .notification-message, .notification-error .notification-message, .notification-warn .notification-message, .notification-info .notification-message {
    display: block;
    padding: 10px 43px 10px 57px;
    max-height: 253px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .notification-success .close, .notification-error .close, .notification-warn .close, .notification-info .close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    color: rgba(255, 255, 255, 0.6); }
    .notification-success .close:after, .notification-error .close:after, .notification-warn .close:after, .notification-info .close:after {
      content: '\f61c';
      padding: 10px;
      position: absolute;
      top: 4px;
      right: 1px; }
    .notification-success .close:hover, .notification-error .close:hover, .notification-warn .close:hover, .notification-info .close:hover {
      text-decoration: none; }
    .notification-success .close:hover, .notification-error .close:hover, .notification-warn .close:hover, .notification-info .close:hover {
      color: #fff; }
  .notification-success a, .notification-error a, .notification-warn a, .notification-info a {
    color: inherit;
    text-decoration: underline; }

.notification-success {
  background: #9FBB58; }
  .notification-success:before {
    content: '\f630'; }
  .notification-success:hover {
    text-decoration: none; }
  .notification-success.notification-passive {
    -webkit-animation: fade-out 1s linear;
            animation: fade-out 1s linear;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .notification-success.notification-passive:hover {
    -webkit-animation: fade-in-snap 0.2s linear;
            animation: fade-in-snap 0.2s linear; }

.notification-error {
  background: #e25440; }
  .notification-error:before {
    content: '\f61a'; }
  .notification-error:hover {
    text-decoration: none; }

.notification-warn {
  background: #F2A925; }
  .notification-warn:before {
    content: '\f614'; }
  .notification-warn:hover {
    text-decoration: none; }

.notification-info {
  background: #5BA4E5; }
  .notification-info:before {
    content: '\f614'; }
  .notification-info:hover {
    text-decoration: none; }

.update-available main {
  bottom: 56px; }

.image-uploader {
  margin: 1.6em 0;
  position: relative;
  overflow: hidden;
  padding: 55px 60px;
  border: #edece4 3px dashed;
  width: 100%;
  height: auto;
  text-align: center;
  color: #aaa9a2;
  background: #F9F8F5; }
  .image-uploader a {
    color: #aaa9a2;
    text-decoration: none; }
    .image-uploader a:hover {
      color: #242628; }
  .image-uploader .description {
    margin-top: 10px; }
  .image-uploader .media:before {
    content: '\f611';
    font-size: 60px;
    color: #e7e6db;
    display: inline-block;
    vertical-align: initial;
    -webkit-transition: -webkit-transform 1s ease;
            transition: transform 1s ease; }
  .image-uploader .media:hover {
    text-decoration: none; }
  .image-uploader .image-url, .image-uploader .image-upload {
    line-height: 12px;
    padding: 10px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #aaa9a2;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .image-uploader .image-url:hover, .image-uploader .image-upload:hover {
      cursor: pointer; }
  .image-uploader .image-webcam:before {
    content: '\f62a';
    font-size: 12px; }
  .image-uploader .image-webcam:hover {
    text-decoration: none; }
  .image-uploader .image-url:before {
    content: '\f635';
    font-size: 12px; }
  .image-uploader .image-url:hover {
    text-decoration: none; }
  .image-uploader .image-upload:before {
    content: '\f611';
    font-size: 12px; }
  .image-uploader .image-upload:hover {
    text-decoration: none; }
  .image-uploader .btn-green {
    display: inline-block;
    position: relative;
    z-index: 700;
    color: #fff; }
  .image-uploader .btn-blue {
    margin: 0 0 0 10px; }
  .image-uploader input.main {
    position: absolute;
    right: 0;
    margin: 0;
    opacity: 0;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(14);
        -ms-transform: scale(14);
            transform: scale(14);
    font-size: 23px;
    direction: ltr;
    cursor: pointer; }
    .image-uploader input.main.right {
      right: 9999px;
      height: 0; }
  .image-uploader input.url {
    font: -webkit-small-control;
    vertical-align: middle;
    padding: 9px 7px;
    margin: 10px 0;
    outline: 0;
    font-size: 1.1em;
    background: #fff; }
    .image-uploader input.url + .btn.btn-blue, .image-uploader .modal-footer input.url + .btn-blue.reject-button-class, .modal-footer .image-uploader input.url + .btn-blue.reject-button-class {
      color: #fff; }
  .image-uploader .progress {
    position: relative;
    margin: -19px 0 44px 0;
    display: block;
    overflow: hidden;
    background: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px inset; }
  .image-uploader .fileupload-loading {
    display: block;
    top: 50%;
    width: 35px;
    height: 28px;
    margin: -28px auto 0;
    background-size: contain; }
  .image-uploader .failed {
    position: relative;
    top: -40px;
    font-size: 16px; }
  .image-uploader .bar {
    height: 12px;
    background: #5BA4E5; }
    .image-uploader .bar.fail {
      background: #e25440; }

.pre-image-uploader {
  margin: 1.6em 0;
  position: relative;
  overflow: hidden;
  height: auto;
  color: #aaa9a2;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  min-height: 46px; }
  .pre-image-uploader input {
    position: absolute;
    left: 9999px;
    opacity: 0; }
  .pre-image-uploader a {
    z-index: 10000;
    color: #aaa9a2;
    text-decoration: none; }
    .pre-image-uploader a:hover {
      color: #242628; }
  .pre-image-uploader img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    line-height: 0; }
  .pre-image-uploader .image-cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px;
    z-index: 300;
    color: #fff;
    text-decoration: none;
    line-height: 0;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: rgba(255, 255, 255, 0.2) 0 0 0 1px; }
    .pre-image-uploader .image-cancel:before {
      content: '\f623';
      font-size: 11px; }
    .pre-image-uploader .image-cancel:hover {
      text-decoration: none; }
    .pre-image-uploader .image-cancel:hover {
      color: #fff;
      cursor: pointer;
      background: #e25440; }

.splitbtn {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .splitbtn .btn, .splitbtn .modal-footer .reject-button-class, .modal-footer .splitbtn .reject-button-class {
    position: relative;
    float: left; }
    .splitbtn .btn + .btn, .splitbtn .modal-footer .reject-button-class + .btn, .modal-footer .splitbtn .reject-button-class + .btn, .splitbtn .modal-footer .btn + .reject-button-class, .modal-footer .splitbtn .btn + .reject-button-class, .splitbtn .modal-footer .reject-button-class + .reject-button-class, .modal-footer .splitbtn .reject-button-class + .reject-button-class {
      margin-left: -1px; }
    .splitbtn .btn:hover, .splitbtn .modal-footer .reject-button-class:hover, .modal-footer .splitbtn .reject-button-class:hover, .splitbtn .btn:focus, .splitbtn .modal-footer .reject-button-class:focus, .modal-footer .splitbtn .reject-button-class:focus, .splitbtn .btn:active, .splitbtn .modal-footer .reject-button-class:active, .modal-footer .splitbtn .reject-button-class:active, .splitbtn .btn.active, .splitbtn .modal-footer .active.reject-button-class, .modal-footer .splitbtn .active.reject-button-class {
      z-index: 2; }
  .splitbtn .btn:first-child, .splitbtn .modal-footer .reject-button-class:first-child, .modal-footer .splitbtn .reject-button-class:first-child {
    margin-left: 0; }
    .splitbtn .btn:first-child:not(:last-child):not(.dropdown-toggle), .splitbtn .modal-footer .reject-button-class:first-child:not(:last-child):not(.dropdown-toggle), .modal-footer .splitbtn .reject-button-class:first-child:not(:last-child):not(.dropdown-toggle) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .splitbtn .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .splitbtn .dropdown-toggle.btn-sm {
      padding-left: 10px;
      padding-right: 10px; }
    .splitbtn .dropdown-toggle.btn-lg {
      padding-left: 16px;
      padding-right: 16px; }
    .splitbtn .dropdown-toggle .options {
      text-align: center;
      color: #fff; }
      .splitbtn .dropdown-toggle .options:before {
        content: '\f601';
        font-size: 9px;
        top: 0;
        display: inline-block;
        position: relative; }
      .splitbtn .dropdown-toggle .options:hover {
        text-decoration: none; }
    .splitbtn .dropdown-toggle.up .options:before {
      -webkit-transform: rotate(-360deg);
          -ms-transform: rotate(-360deg);
              transform: rotate(-360deg);
      -webkit-transition: -webkit-transform 0.6s ease, top 0.6s ease;
              transition: transform 0.6s ease, top 0.6s ease; }
    .splitbtn .dropdown-toggle.up:hover .options:before, .splitbtn .dropdown-toggle.up.open .options:before {
      top: -1px;
      -webkit-transform: rotate(540deg);
          -ms-transform: rotate(540deg);
              transform: rotate(540deg);
      -webkit-transition: -webkit-transform 0.3s ease, top 0.3s ease;
              transition: transform 0.3s ease, top 0.3s ease; }

.splitbutton, .splitbutton-save, .splitbutton-add, .splitbutton-delete, .splitbutton-alt {
  display: inline-block;
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .splitbutton button, .splitbutton-save button, .splitbutton-add button, .splitbutton-delete button, .splitbutton-alt button {
    font-size: 11px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .splitbutton .options, .splitbutton-save .options, .splitbutton-add .options, .splitbutton-delete .options, .splitbutton-alt .options {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    margin-left: -1px;
    vertical-align: top;
    text-align: center;
    color: #fff;
    background: #e5e5e5;
    border-radius: 0 2px 2px 0;
    border-left: 0;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 0 inset, rgba(0, 0, 0, 0.02) -1px 0 0 inset, rgba(0, 0, 0, 0.02) 0 -1px 0 inset;
    -webkit-transition: background-color 0.3s linear;
            transition: background-color 0.3s linear; }
    .splitbutton .options:before, .splitbutton-save .options:before, .splitbutton-add .options:before, .splitbutton-delete .options:before, .splitbutton-alt .options:before {
      content: '\f601';
      font-size: 9px;
      position: absolute;
      top: 50%;
      right: 50%;
      margin-top: -3px;
      margin-right: -5px;
      -webkit-transition: margin-top 0.3s ease;
              transition: margin-top 0.3s ease;
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.3;
              transition-duration: 0.3;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease; }
    .splitbutton .options:hover, .splitbutton-save .options:hover, .splitbutton-add .options:hover, .splitbutton-delete .options:hover, .splitbutton-alt .options:hover {
      text-decoration: none; }
    .splitbutton .options.active:before, .splitbutton-save .options.active:before, .splitbutton-add .options.active:before, .splitbutton-delete .options.active:before, .splitbutton-alt .options.active:before {
      -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
              transform: rotate(360deg); }
    .splitbutton .options.up.active:before, .splitbutton-save .options.up.active:before, .splitbutton-add .options.up.active:before, .splitbutton-delete .options.up.active:before, .splitbutton-alt .options.up.active:before {
      margin-top: -4px;
      -webkit-transform: rotate(540deg);
          -ms-transform: rotate(540deg);
              transform: rotate(540deg); }
    .splitbutton .options:hover, .splitbutton-save .options:hover, .splitbutton-add .options:hover, .splitbutton-delete .options:hover, .splitbutton-alt .options:hover, .splitbutton .options:focus, .splitbutton-save .options:focus, .splitbutton-add .options:focus, .splitbutton-delete .options:focus, .splitbutton-alt .options:focus {
      will-change: box-shadow, background;
      box-shadow: none;
      background: #f8f8f8; }
      .splitbutton .options:hover:before, .splitbutton-save .options:hover:before, .splitbutton-add .options:hover:before, .splitbutton-delete .options:hover:before, .splitbutton-alt .options:hover:before, .splitbutton .options:focus:before, .splitbutton-save .options:focus:before, .splitbutton-add .options:focus:before, .splitbutton-delete .options:focus:before, .splitbutton-alt .options:focus:before {
        content: '\f601';
        will-change: transform;
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
                transform: rotate(360deg); }
      .splitbutton .options:hover:hover, .splitbutton-save .options:hover:hover, .splitbutton-add .options:hover:hover, .splitbutton-delete .options:hover:hover, .splitbutton-alt .options:hover:hover, .splitbutton .options:focus:hover, .splitbutton-save .options:focus:hover, .splitbutton-add .options:focus:hover, .splitbutton-delete .options:focus:hover, .splitbutton-alt .options:focus:hover {
        text-decoration: none; }
    .splitbutton .options.up:hover:before, .splitbutton-save .options.up:hover:before, .splitbutton-add .options.up:hover:before, .splitbutton-delete .options.up:hover:before, .splitbutton-alt .options.up:hover:before, .splitbutton .options.up:focus:before, .splitbutton-save .options.up:focus:before, .splitbutton-add .options.up:focus:before, .splitbutton-delete .options.up:focus:before, .splitbutton-alt .options.up:focus:before {
      content: '\f601';
      margin-top: -4px;
      -webkit-transform: rotate(540deg);
          -ms-transform: rotate(540deg);
              transform: rotate(540deg);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.6;
              transition-duration: 0.6;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease; }
    .splitbutton .options.up:hover:hover, .splitbutton-save .options.up:hover:hover, .splitbutton-add .options.up:hover:hover, .splitbutton-delete .options.up:hover:hover, .splitbutton-alt .options.up:hover:hover, .splitbutton .options.up:focus:hover, .splitbutton-save .options.up:focus:hover, .splitbutton-add .options.up:focus:hover, .splitbutton-delete .options.up:focus:hover, .splitbutton-alt .options.up:focus:hover {
      text-decoration: none; }

.splitbutton .options {
  color: #777; }
  .splitbutton .options:hover, .splitbutton .options:focus {
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 0 inset, rgba(0, 0, 0, 0.07) -1px 0 0 inset, rgba(0, 0, 0, 0.07) 0 -1px 0 inset; }

.splitbutton-save .options {
  background: #4598e2; }
  .splitbutton-save .options:hover, .splitbutton-save .options.active, .splitbutton-save .options:focus {
    background: #2f8cde; }

.splitbutton-add .options {
  background: #91ae47; }
  .splitbutton-add .options:hover, .splitbutton-add .options:focus {
    background: #8ba644; }

.splitbutton-delete .options {
  background: #de3c25; }
  .splitbutton-delete .options:hover, .splitbutton-delete .options:focus {
    background: #cf3520; }

.splitbutton-alt .options {
  background: #2e3033; }
  .splitbutton-alt .options:hover, .splitbutton-alt .options:focus {
    background: #242628; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: #fff;
  border: #adccda 1px solid;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.175) 0 2px 6px;
  background-clip: padding-box;
  list-style: none;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  text-align: left; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    background: #d0e2ea; }
  .dropdown-menu > li > a, .dropdown-menu > li > button {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.9em;
    text-align: left;
    color: #333;
    white-space: nowrap;
    -webkit-transition: none;
            transition: none; }
  .dropdown-menu i {
    font-size: 0.9em;
    margin-right: 0.5rem; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
  text-decoration: none;
  color: #fff;
  background: #5BA4E5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > button, .dropdown-menu > .active > button:hover, .dropdown-menu > .active > button:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > button, .dropdown-menu > .disabled > button:hover, .dropdown-menu > .disabled > button:focus {
  color: #777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > button:hover, .dropdown-menu > .disabled > button:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.closed > .dropdown-menu {
  display: none; }

.dropdown-triangle-top:before, .dropdown-triangle-top-left:before, .dropdown-triangle-top-right:before, .dropdown-triangle-bottom:before, .dropdown-triangle-bottom-left:before, .dropdown-triangle-bottom-right:before {
  content: '';
  position: absolute;
  display: block; }
.dropdown-triangle-top:after, .dropdown-triangle-top-left:after, .dropdown-triangle-top-right:after, .dropdown-triangle-bottom:after, .dropdown-triangle-bottom-left:after, .dropdown-triangle-bottom-right:after {
  content: '';
  position: absolute;
  z-index: -1; }

.dropdown-triangle-top:before, .dropdown-triangle-top-left:before, .dropdown-triangle-top-right:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -8px; }
.dropdown-triangle-top:after, .dropdown-triangle-top-left:after, .dropdown-triangle-top-right:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #adccda;
  top: -10px; }

.dropdown-triangle-bottom:before, .dropdown-triangle-bottom-left:before, .dropdown-triangle-bottom-right:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  bottom: -8px; }
.dropdown-triangle-bottom:after, .dropdown-triangle-bottom-left:after, .dropdown-triangle-bottom-right:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #adccda;
  bottom: -10px; }

.dropdown-triangle-top:before, .dropdown-triangle-bottom:before {
  left: 50%;
  margin-left: -4px; }
.dropdown-triangle-top:after, .dropdown-triangle-bottom:after {
  left: 50%;
  margin-left: -6px; }

.dropdown-triangle-top-left:before, .dropdown-triangle-bottom-left:before {
  left: 6px; }
.dropdown-triangle-top-left:after, .dropdown-triangle-bottom-left:after {
  left: 4px; }

.dropdown-triangle-top-right:before, .dropdown-triangle-bottom-right:before {
  left: auto;
  right: 6px; }
.dropdown-triangle-top-right:after, .dropdown-triangle-bottom-right:after {
  left: auto;
  right: 4px; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 3px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a, .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857143;
      text-decoration: none;
      color: #5BA4E5;
      background-color: #fff;
      border: 1px solid #edece4;
      margin-left: -1px; }
    .pagination > li:first-child > a, .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .pagination > li:last-child > a, .pagination > li:last-child > span {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    color: #2A6496;
    background-color: #EEE; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    background-color: #428BCA;
    cursor: default; }
  .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    background-color: #FFF;
    border-color: #DDD;
    cursor: not-allowed; }

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 2px 4px;
  box-shadow: 0 0 0 1px #777;
  font-size: 1rem;
  font-weight: inherit;
  color: #FFF;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge, .modal-footer .reject-button-class .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge {
    top: 0;
    padding: 1px 5px; }
  p .badge {
    padding: 0px 4px 3px;
    position: relative;
    top: -2px;
    margin-left: -1px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }
  .nav-item .badge {
    margin-top: -5px;
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.badge.badge-blue {
  background-color: #5BA4E5;
  box-shadow: 0 0 0 1px #5BA4E5; }

.badge.badge-green {
  background-color: #9FBB58;
  box-shadow: 0 0 0 1px #9FBB58; }

.badge.badge-red {
  background-color: #e25440;
  box-shadow: 0 0 0 1px #e25440; }

.popover-item {
  position: relative;
  display: inline-block;
  padding: 11px 26px 13px 16px;
  background: #242628;
  min-width: 300px;
  max-width: 400px;
  border-radius: 6px;
  font-size: 1.2rem;
  color: #7d878a; }

.popover-title {
  font-size: 1.4rem;
  font-weight: 300;
  color: #fff; }

.popover-desc {
  margin-top: -4px; }

.popover-body {
  margin-top: 11px;
  line-height: 1.7; }
  .popover-body b {
    color: #fff; }
  .popover-body > *:last-child {
    margin: 0; }

.popover-triangle-top:before, .popover-triangle-top-left:before, .popover-triangle-top-right:before, .popover-triangle-bottom:before, .popover-triangle-bottom-left:before, .popover-triangle-bottom-right:before, .popover-triangle-left:before, .popover-triangle-left-top:before, .popover-triangle-left-bottom:before, .popover-triangle-right:before, .popover-triangle-right-top:before, .popover-triangle-right-bottom:before {
  content: '';
  position: absolute;
  display: block; }

.popover-triangle-top:before, .popover-triangle-top-left:before, .popover-triangle-top-right:before {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 11px solid #242628;
  top: -11px; }

.popover-triangle-bottom:before, .popover-triangle-bottom-left:before, .popover-triangle-bottom-right:before {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 11px solid #242628;
  bottom: -11px; }

.popover-triangle-left:before, .popover-triangle-left-top:before, .popover-triangle-left-bottom:before {
  width: 0;
  height: 0;
  border-right: 11px solid #242628;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  left: -11px; }

.popover-triangle-right:before, .popover-triangle-right-top:before, .popover-triangle-right-bottom:before {
  width: 0;
  height: 0;
  border-left: 11px solid #242628;
  border-bottom: 14px solid transparent;
  border-top: 14px solid transparent;
  right: -11px; }

.popover-triangle-top:before, .popover-triangle-bottom:before {
  left: 50%;
  margin-left: -7px; }

.popover-triangle-top-left:before, .popover-triangle-bottom-left:before {
  left: 14px; }

.popover-triangle-top-right:before, .popover-triangle-bottom-right:before {
  left: auto;
  right: 14px; }

.popover-triangle-left:before, .popover-triangle-right:before {
  top: 50%;
  margin-top: -14px; }

.popover-triangle-left-top:before, .popover-triangle-right-top:before {
  top: 14px; }

.popover-triangle-left-bottom:before, .popover-triangle-right-bottom:before {
  top: auto;
  bottom: 14px; }

.popover-triangle-top {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center; }

.popover-triangle-top-left {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left; }

.popover-triangle-top-right {
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right; }

.popover-triangle-bottom {
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center; }

.popover-triangle-bottom-left {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left; }

.popover-triangle-bottom-right {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right; }

.popover-triangle-left {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center; }

.popover-triangle-left-top {
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; }

.popover-triangle-left-bottom {
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom; }

.popover-triangle-right {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center; }

.popover-triangle-right-top {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top; }

.popover-triangle-right-bottom {
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom; }

.popover {
  position: relative;
  display: inline-block; }
  .popover .popover-item {
    position: absolute;
    z-index: 20; }
    .popover .popover-item.open {
      display: block; }
    .popover .popover-item.closed {
      display: none; }

.popover-item.popover-triangle-bottom {
  bottom: calc(100% + 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.popover-item.popover-triangle-bottom-left {
  bottom: calc(100% + 16px);
  left: 0; }

.popover-item.popover-triangle-bottom-right {
  bottom: calc(100% + 16px);
  right: 0; }

.popover-item.popover-triangle-top {
  top: calc(100% + 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.popover-item.popover-triangle-top-left {
  top: calc(100% + 16px);
  left: 0; }

.popover-item.popover-triangle-top-right {
  top: calc(100% + 16px);
  right: 0; }

.popover-item.popover-triangle-left {
  left: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.popover-item.popover-triangle-left-top {
  left: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(-28px);
      -ms-transform: translateY(-28px);
          transform: translateY(-28px); }

.popover-item.popover-triangle-left-bottom {
  left: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(calc(-100% + 28px));
      -ms-transform: translateY(calc(-100% + 28px));
          transform: translateY(calc(-100% + 28px)); }

.popover-item.popover-triangle-right {
  right: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.popover-item.popover-triangle-right-top {
  right: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(-28px);
      -ms-transform: translateY(-28px);
          transform: translateY(-28px); }

.popover-item.popover-triangle-right-bottom {
  right: calc(100% + 16px);
  top: 50%;
  -webkit-transform: translateY(calc(-100% + 28px));
      -ms-transform: translateY(calc(-100% + 28px));
          transform: translateY(calc(-100% + 28px)); }

.settings-menu-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background: #FCFCFC;
  width: 100%;
  max-width: 350px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
          transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
  -webkit-transform: translate3d(60px, 0px, 0px);
          transform: translate3d(60px, 0px, 0px); }
  body.settings-menu-expanded .settings-menu-container {
    -webkit-transform: translate3d(0, 0px, 0px);
            transform: translate3d(0, 0px, 0px); }
  .settings-menu-container .settings-menu-pane {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0px, 0px);
            transform: translate3d(0, 0px, 0px);
    opacity: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 901px) {
      .settings-menu-container .settings-menu-pane {
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
                transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); } }
    .settings-menu-container .settings-menu-pane.settings-menu-pane-out-left {
      -webkit-transform: translate3d(-100%, 0px, 0px);
              transform: translate3d(-100%, 0px, 0px); }
    .settings-menu-container .settings-menu-pane.settings-menu-pane-out-right {
      -webkit-transform: translate3d(100%, 0px, 0px);
              transform: translate3d(100%, 0px, 0px); }
    .settings-menu-container .settings-menu-pane.settings-menu-pane-in {
      -webkit-transform: translate3d(0, 0px, 0px);
              transform: translate3d(0, 0px, 0px); }

.settings-menu-header {
  position: relative;
  padding: 19px 24px; }
  .settings-menu-header h4 {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.375;
    margin: 0; }
  .settings-menu-header .close {
    right: 0; }
    .settings-menu-header .close:before {
      right: 22px; }

.settings-menu-header.subview h4 {
  text-align: center; }
.settings-menu-header.subview .back {
  left: 0; }
  .settings-menu-header.subview .back:before {
    left: 19px; }

.settings-menu-header-action {
  position: absolute;
  top: 0;
  bottom: 7px;
  width: 45px;
  padding: 0; }
  .settings-menu-header-action:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #c0bfb6;
    font-size: 2rem; }
  .settings-menu-header-action:hover:before {
    color: #7d878a; }

.settings-menu-content {
  padding: 0 24px 24px; }
  .settings-menu-content .image-uploader {
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 0 0 1.6rem 0; }
    .settings-menu-content .image-uploader.image-uploader-url {
      padding: 35px 45px; }
  .settings-menu-content textarea {
    height: 108px; }
  .settings-menu-content .tag-delete-button {
    padding-left: 0;
    color: #e25440; }
    .settings-menu-content .tag-delete-button:before {
      margin-right: 4px;
      top: -1px;
      position: relative; }
    .settings-menu-content .tag-delete-button:hover, .settings-menu-content .tag-delete-button:hover:before {
      color: #cf3520; }
  .settings-menu-content .nav-list {
    margin-top: 3rem; }
  .settings-menu-content .pre-image-uploader {
    width: auto;
    min-height: 50px;
    max-height: 250px;
    margin-top: 0; }
  .settings-menu-content .word-count {
    font-weight: bold; }

body.settings-menu-expanded .content-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 600;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
          transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
  -webkit-transform: translate3d(-350px, 0px, 0px);
          transform: translate3d(-350px, 0px, 0px); }

.ghost-url-preview {
  width: 98%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@font-face {
  font-family: medium-icons;
  src: url("fonts/medium-icons.woff"); }

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Georgia, serif;
  min-width: 750px;
  width: 100%;
  color: #333332;
  padding-top: 50px; }

.g-body h1, .g-body p, .g-body blockquote, .g-body ol, .g-body ul {
  margin-bottom: 15px; }

.g-body article {
  outline-style: none; }

/* Override webkit's <article> default */
.g-body h1 {
  font-size: 2em; }

.g-body header {
  font-weight: bold;
  font-size: 52px; }

.g-body section {
  max-width: 750px;
  margin: auto; }

.g-body blockquote {
  font-weight: 400;
  font-style: italic;
  border-left: 6px solid #60d778;
  padding-left: 20px;
  margin-left: -26px; }

.g-body a {
  text-decoration: underline;
  color: #333332; }

.g-body ol, .g-body ul {
  list-style: none;
  list-style-image: none;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0; }

.g-body ol li:before, .g-body ul li:before {
  width: 30px;
  display: inline-block; }

.g-body ol {
  counter-reset: post; }

.g-body ol li:before {
  font-weight: bold;
  counter-increment: post;
  content: counter(post) "."; }

.g-body ul li:before {
  font-family: "medium-icons";
  content: "\e028";
  text-decoration: none;
  font-size: 14px; }

.g-body hr {
  display: block;
  width: 20%;
  margin: 30px auto 20px auto;
  border: 1px solid #dededc; }

@font-face {
  font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }

@-webkit-keyframes pop-upwards {
  0% {
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    opacity: 0; }

  20% {
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    opacity: .7; }

  40% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1);
    opacity: 1; }

  70% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1; }

  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 1, 1);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1; } }

@keyframes pop-upwards {
  0% {
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    opacity: 0; }

  20% {
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    opacity: .7; }

  40% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1);
    opacity: 1; }

  70% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1; }

  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1; } }

.g-body .pos-abs {
  position: absolute; }

.g-body .file-hidden {
  opacity: 0;
  width: 90px; }

.g-body .file-label {
  width: 90px; }

.g-body .text-menu {
  -webkit-transition: opacity 180ms, margin 180ms;
  transition: opacity 180ms, margin 180ms;
  position: absolute;
  color: #fff;
  margin-top: -20px;
  margin-left: -115px; }

.g-body .text-menu.active {
  -webkit-animation: pop-upwards 180ms forwards linear;
  animation: pop-upwards 180ms forwards linear;
  z-index: 10000; }

.url {
  font-size: 16px !important;
  font-family: 'icomoon' !important; }

.image-tooltip {
  position: absolute; }

.image-tooltip.hide, .text-menu.hide {
  left: -999px;
  top: -999px; }

.text-menu.fade {
  opacity: 0;
  margin-top: -5px; }

.text-menu .active {
  color: #60d778; }

.text-menu button {
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
  font-family: inherit;
  background: none;
  cursor: pointer;
  font-size: 16px;
  color: inherit;
  padding: 0px;
  height: 32px;
  width: 25px;
  border: 0px;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.options {
  background-color: #262625;
  box-shadow: 0 0 2px #262625;
  position: absolute;
  border-radius: 5px;
  margin-left: 23px;
  margin-top: -28px;
  z-index: 1000;
  padding: 5px 4px 5px 5px;
  width: 176px;
  height: 33px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.options.url-mode {
  width: 176px; }

.options.url-mode .header1, .options.url-mode .header2, .options.url-mode .bold, .options.url-mode .italic, .options.url-mode .quote, .options.url-mode .url {
  width: 0px;
  overflow: hidden;
  margin-right: 0px;
  opacity: 0; }

.options .italic {
  font-style: italic; }

.options .quote {
  line-height: 54px !important;
  font-size: 41px !important; }

.options button {
  float: left;
  width: 28px;
  height: 30px;
  border-radius: 3px;
  margin-right: 1px; }

.options.url-mode input {
  border-left: 2px solid transparent;
  padding-right: 5px;
  padding-left: 5px;
  width: 155px;
  background: transparent;
  color: #fff; }

.options input {
  border-radius: 3px;
  overflow: hidden;
  outline: 0px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  float: left;
  width: 0px; }

.options:before {
  content: "";
  border-top: 5px solid rgba(0, 0, 0, 0.9);
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  margin-left: -5px;
  bottom: -15px;
  height: 5px;
  width: 0px;
  left: 50%; }

#container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 500;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
          transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); }
  @media (max-width: 900px) {
    .viewport {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
              transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); } }
  body.global-nav-expanded .viewport {
    -webkit-transform: translate3d(260px, 0px, 0px);
            transform: translate3d(260px, 0px, 0px); }
  @media (max-width: 350px) {
    body.settings-menu-expanded .viewport {
      -webkit-transform: translate3d(-100%, 0px, 0px);
              transform: translate3d(-100%, 0px, 0px); } }
  @media (min-width: 351px) {
    body.settings-menu-expanded .viewport {
      -webkit-transform: translate3d(-350px, 0px, 0px);
              transform: translate3d(-350px, 0px, 0px); }
      body.settings-menu-expanded .viewport:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        width: 1px;
        background: #EDECE4; } }

.page-content {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden; }
  @media (max-width: 900px) {
    .page-content {
      top: 44px; } }

.page-header {
  position: relative;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: #242628;
  overflow: hidden; }
  @media (min-width: 900px) {
    .page-header {
      height: 60px;
      line-height: 60px; } }

.page-title {
  display: block;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0 15%;
  color: #fff;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 900px) {
    .page-title {
      height: 60px;
      line-height: 60px; } }

.menu-button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  color: #fff; }
  .menu-button:before {
    content: '\f605';
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .menu-button:hover {
    text-decoration: none; }

.ghost-setup {
  color: #7d878a;
  background: #242628; }
  @media (max-width: 550px) {
    .ghost-setup {
      background: #18191b; } }
  .ghost-setup main {
    padding-top: 15px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 550px) {
      .ghost-setup main {
        top: 0; } }

.setup-box {
  display: table;
  max-width: 500px;
  height: 90%;
  margin: 0 auto;
  padding: 0; }

.setup-form {
  max-width: 530px;
  padding: 40px;
  color: #a5acae;
  border-radius: 2px; }
  @media (max-width: 400px) {
    .setup-form {
      padding: 15px; } }
  @media (min-width: 551px) {
    .setup-form {
      background: #18191b; } }
  .setup-form header {
    margin-bottom: 30px; }
  .setup-form label {
    color: #e2edf2;
    font-weight: 300; }
    @media (max-width: 550px) {
      .setup-form label {
        width: 100%; } }
  .setup-form .form-group input {
    padding: 7px;
    border: none;
    color: #fff;
    background: #3c4043;
    -webkit-transition: background 0.25s ease;
            transition: background 0.25s ease; }
    .setup-form .form-group input:focus {
      border: none;
      background: #484c50; }
  .setup-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e2edf2 inset !important; }
  .setup-form h1 {
    margin: 0;
    font-weight: 200;
    font-size: 26px;
    letter-spacing: 0;
    color: #e2edf2; }
    @media (max-width: 400px) {
      .setup-form h1 {
        font-size: 18px; } }
    @media (max-width: 550px) {
      .setup-form h1 {
        font-size: 20px; } }
  .setup-form h2 {
    margin: 6px 0 0 0;
    padding: 0;
    border: none;
    font-weight: 200;
    font-size: 16px;
    letter-spacing: 0;
    color: #7d878a; }
    @media (max-width: 400px) {
      .setup-form h2 {
        font-size: 12px; } }
    @media (max-width: 550px) {
      .setup-form h2 {
        font-size: 14px; } }
  .setup-form p {
    font-size: 12px;
    line-height: 1.4em;
    color: #7d878a; }
  .setup-form footer {
    margin: 30px 0 5px 0; }
  .setup-form .btn-green {
    width: 100%;
    padding: 0.9em 1.8em;
    font-size: 13px; }

.ghost-login, .ghost-signup, .ghost-forgotten, .ghost-reset {
  color: #7d878a;
  background: #242628; }
  .ghost-login main, .ghost-signup main, .ghost-forgotten main, .ghost-reset main {
    padding-top: 15px; }
  .ghost-login input, .ghost-signup input, .ghost-forgotten input, .ghost-reset input {
    line-height: 1.4em;
    font-size: 1.1em;
    font-weight: 200;
    border: none;
    color: #fff;
    background: #3c4043;
    box-shadow: none;
    margin: 0;
    position: relative;
    -webkit-transition: background ease 0.25s;
            transition: background ease 0.25s; }
    .ghost-login input:focus, .ghost-signup input:focus, .ghost-forgotten input:focus, .ghost-reset input:focus {
      border: none;
      background: #484c50; }
  .ghost-login input:-webkit-autofill, .ghost-signup input:-webkit-autofill, .ghost-forgotten input:-webkit-autofill, .ghost-reset input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e2edf2 inset !important; }

.login-box, .signup-box, .forgotten-box, .reset-box {
  display: table;
  max-width: 530px;
  height: 90%;
  margin: 0 auto;
  padding: 0; }
  @media (max-width: 630px) {
    .login-box, .signup-box, .forgotten-box, .reset-box {
      max-width: 264px;
      text-align: center; } }

.login-form {
  max-width: 530px;
  color: #a5acae;
  display: table-cell;
  vertical-align: middle; }
  @media (max-width: 630px) {
    .login-form {
      max-width: 264px; } }
  .login-form .email-wrap, .login-form .password-wrap {
    position: relative;
    margin: 0 0 5px 0;
    float: left; }
    @media (max-width: 630px) {
      .login-form .email-wrap, .login-form .password-wrap {
        margin-bottom: 1em; } }
  .login-form .email-wrap {
    margin-right: 3px; }
    @media (max-width: 630px) {
      .login-form .email-wrap {
        margin-right: 0; } }
  .login-form .email, .login-form .password {
    display: inline-block;
    clear: both;
    padding: 8px 0 8px 8px;
    width: 216px; }
    @media (max-width: 630px) {
      .login-form .email, .login-form .password {
        width: 264px;
        border-radius: 2px; } }
  @media (min-width: 631px) {
    .login-form .email {
      border-radius: 2px 0 0 2px; }
    .login-form .password {
      border-radius: 0 2px 2px 0; } }
  .login-form button {
    width: 85px;
    height: 37px;
    margin-left: 10px; }
    @media (max-width: 630px) {
      .login-form button {
        margin: 0;
        width: 100%;
        margin-bottom: 1em; } }
  .login-form .meta {
    clear: both;
    color: #7d878a; }
  .login-form .forgotten-link {
    display: inline-block;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    color: #646d70;
    text-transform: none;
    letter-spacing: 0; }
  .login-form a {
    color: #646d70;
    font-size: 0.9em; }
    .login-form a:hover {
      color: #8a9396;
      text-decoration: none; }

.signup-form, .reset-form {
  max-width: 280px;
  color: #a5acae;
  display: table-cell;
  vertical-align: middle; }
  @media (max-width: 630px) {
    .signup-form, .reset-form {
      width: 264px; } }
  .signup-form .password-wrap, .reset-form .password-wrap {
    position: relative;
    margin: 0 0 1em 0;
    background: #3c4043;
    float: left;
    display: table; }
  .signup-form input, .reset-form input {
    width: 280px;
    padding: 8px 10px; }
    @media (max-width: 630px) {
      .signup-form input, .reset-form input {
        width: 264px; } }
  .signup-form .name-wrap, .reset-form .name-wrap {
    position: relative;
    border-radius: 2px; }
  .signup-form .name, .reset-form .name {
    border-radius: 2px; }
  .signup-form .email-wrap, .reset-form .email-wrap {
    position: relative;
    border-radius: 2px; }
  .signup-form .email, .reset-form .email {
    border-radius: 2px; }
  .signup-form .password-wrap, .reset-form .password-wrap {
    position: relative;
    border-radius: 2px; }
  .signup-form .password, .reset-form .password {
    border-radius: 2px; }
  .signup-form button, .reset-form button {
    width: 100%;
    height: 36px;
    margin: 0 0 1em 0;
    padding: 0.5em 1.37em;
    min-height: 30px;
    min-width: 80px;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset; }

.forgotten-form {
  max-width: 280px;
  color: #a5acae;
  display: table-cell;
  vertical-align: middle; }
  .forgotten-form .email-wrap {
    position: relative;
    margin: 0 0 1em 0;
    float: left;
    border-radius: 2px;
    width: 100%; }
  .forgotten-form .email {
    padding: 8px 10px;
    border-radius: 2px; }
  .forgotten-form button {
    width: 100%;
    height: 37px; }

.content-view-container {
  position: relative;
  height: 100%;
  width: 100%; }
  @media (max-width: 900px) {
    .content-view-container {
      overflow-x: hidden; } }

.content-list.show-menu {
  display: block; }
.content-list.show-content {
  display: none; }

.content-preview.show-menu {
  display: none; }
.content-preview.show-content {
  display: block; }

.content-list {
  width: 33%;
  padding: 15px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  border-right: #edece4 1px solid;
  background: #fff; }
  @media (max-width: 900px) {
    .content-list {
      width: auto;
      right: 0;
      z-index: 500;
      border: none; } }
  .content-list .content-filter {
    position: relative;
    z-index: 300; }
    .content-list .content-filter > a {
      padding: 5px;
      margin-left: -5px; }
    .content-list .content-filter .menu-drop {
      display: block; }
  .content-list .btn-green {
    position: absolute;
    top: 9px;
    right: 20px;
    z-index: 700;
    padding: 2px 4px 3px 5px;
    color: #fff !important; }
    .content-list .btn-green:before {
      content: '\f632'; }
    .content-list .btn-green:hover {
      text-decoration: none; }
  .content-list .content-list-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 40px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .content-list .entry-title {
    font-size: 1.6rem;
    line-height: 1.4em;
    font-weight: normal; }
  .content-list .entry-meta {
    margin-top: 14px;
    line-height: 18px; }
  .content-list .avatar {
    float: left;
    margin-right: 14px;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .content-list .avatar img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .content-list .status, .content-list .author {
    font-size: 1.3rem;
    font-weight: 300;
    -webkit-transition: opacity 0.15s linear;
            transition: opacity 0.15s linear; }
  .content-list .avatar:hover + .author + .status {
    opacity: 0; }
  .content-list .avatar:hover + .author {
    opacity: 1; }
  .content-list .author {
    position: absolute;
    bottom: 22px;
    left: 56px;
    opacity: 0; }
  .content-list .status .draft {
    color: #e25440; }
  .content-list .status .scheduled {
    color: #F2A925; }
  .content-list .featured:before {
    content: '\f626';
    font-size: 11px;
    vertical-align: 7%;
    position: absolute;
    bottom: 25px;
    right: 25px; }
  .content-list .featured:hover {
    text-decoration: none; }
  .content-list ol {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: #edece4 1px solid; }
  .content-list li {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: #edece4 1px solid; }
    .content-list li a {
      display: block;
      padding: 19px 20px 22px 24px;
      color: rgba(0, 0, 0, 0.5); }
      .content-list li a:after {
        content: '\f61d';
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 15px; }
      .content-list li a:hover {
        text-decoration: none; }
      .content-list li a:hover {
        text-decoration: none; }
      @media (max-width: 400px) {
        .content-list li a {
          padding: 15px; } }
      @media (max-width: 900px) {
        .content-list li a {
          padding-right: 40px; } }
      @media (min-width: 901px) {
        .content-list li a:after {
          display: none; } }
  @media (min-width: 901px) {
    .content-list li.active {
      border-bottom: #e8eaeb 1px solid;
      background: #f7f7f3; } }

.content-preview {
  width: 67%;
  padding: 15px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff; }
  @media (max-width: 900px) {
    .content-preview {
      width: 100%;
      border: none;
      overflow: visible; } }
  .content-preview .unfeatured {
    vertical-align: -6%;
    margin: 0 7px 0 -5px;
    padding: 3px; }
    .content-preview .unfeatured:before {
      content: '\f627';
      font-size: 14px; }
    .content-preview .unfeatured:hover {
      text-decoration: none; }
  .content-preview .featured {
    vertical-align: -6%;
    margin: 0 7px 0 -5px;
    padding: 3px; }
    .content-preview .featured:before {
      content: '\f626';
      font-size: 14px; }
    .content-preview .featured:hover {
      text-decoration: none; }
  .content-preview .post-published-by .status a {
    color: inherit; }
    .content-preview .post-published-by .status a:hover {
      text-decoration: underline; }
  .content-preview .normal {
    text-transform: none;
    margin: 0 3px; }
  .content-preview .content-preview-content {
    padding: 5%;
    word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }
    @media (max-width: 900px) {
      .content-preview .content-preview-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch; } }
    .content-preview .content-preview-content .wrapper {
      max-width: 700px;
      margin: 0 auto; }
  .content-preview .post-controls {
    float: right;
    position: relative;
    top: 3px; }
  .content-preview .post-settings-menu {
    position: absolute;
    top: 35px;
    right: -3px; }
  .content-preview .post-edit:before {
    content: '\f60f';
    font-size: 14px; }
  .content-preview .post-edit:hover {
    text-decoration: none; }
  .content-preview img {
    width: 100%;
    height: auto; }

.post-preview-header .page-title, .post-preview-header .btn-back {
  display: none; }
@media (max-width: 900px) {
  .post-preview-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3000;
    height: 44px;
    text-align: center;
    color: #fff;
    background: #242628;
    overflow: hidden; }
    .post-preview-header .btn-back {
      display: block;
      position: absolute;
      top: 4px;
      left: 4px;
      color: #fff;
      background-color: transparent; }
    .post-preview-header .page-title {
      display: block; }
    .post-preview-header .post-controls {
      position: absolute;
      top: 4px;
      right: 4px; }
    .post-preview-header .post-edit {
      color: #fff;
      background-color: transparent; }
    .post-preview-header .featured, .post-preview-header .unfeatured, .post-preview-header small {
      display: none; } }
@media (min-width: 901px) {
  .post-preview-header .unfeatured, .post-preview-header .featured {
    float: left; }
  .post-preview-header .post-published-by {
    float: left;
    margin-top: 7px;
    margin-left: 3px; } }

.no-posts-box {
  position: relative;
  height: 90%;
  margin: 0px auto;
  padding: 0px;
  display: table;
  z-index: 600; }
  @media (max-width: 900px) {
    .no-posts-box {
      position: fixed;
      top: 45%;
      left: 50%; } }
  .no-posts-box .no-posts {
    vertical-align: middle;
    display: table-cell;
    text-align: center; }
    @media (max-width: 900px) {
      .no-posts-box .no-posts {
        display: block;
        position: relative;
        left: -50%; } }
    .no-posts-box .no-posts h3 {
      color: #aaa9a2;
      font-weight: 200;
      font-size: 2em;  line-height: 2em;}

.content-list.keyboard-focused:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  pointer-events: none;
  -webkit-animation: keyboard-focus-style-fade-out 1.5s 1 forwards;
          animation: keyboard-focus-style-fade-out 1.5s 1 forwards; }

.content-preview.keyboard-focused {
  -webkit-animation: keyboard-focus-style-fade-out 1.5s 1 forwards;
          animation: keyboard-focus-style-fade-out 1.5s 1 forwards; }

.preview-image {
  position: absolute;
  right: 0px;
  top: 0px;
  max-height: 200px;
  max-width: 200px; }

.entry-container .entry-title {
  height: 60px;
  padding: 0 20px;
  position: relative; }
  .entry-container .entry-title input {
    width: 100%;
    height: 60px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 3.6rem;
    font-weight: bold;
    letter-spacing: -1px;
    background: transparent; }
    .entry-container .entry-title input:focus {
      outline: 0; }

@media (min-width: 401px) {
  .editor .notifications.bottom {
    bottom: 40px; } }
.editor .entry-container {
  position: relative;
  height: 100%; }
.editor .entry-markdown {
  left: 0; }
.editor .entry-preview {
  right: 0;
  border-left: #edece4 1px solid; }
.editor .entry-markdown, .editor .entry-preview {
  width: 100%;
  padding: 15px;
  position: absolute;
  bottom: 40px;
  top: 60px;
  border-top: #edece4 1px solid;
  background: #fff; }
  @media (max-width: 400px) {
    .editor .entry-markdown .markdown-help, .editor .entry-markdown .entry-word-count, .editor .entry-preview .markdown-help, .editor .entry-preview .entry-word-count {
      display: none; } }
  @media (max-width: 1000px) {
    .editor .entry-markdown, .editor .entry-preview {
      top: 100px;
      left: 0;
      right: 0;
      width: 100%;
      border: none;
      z-index: 100; }
      .editor .entry-markdown .markdown, .editor .entry-markdown .entry-preview-content, .editor .entry-preview .markdown, .editor .entry-preview .entry-preview-content {
        height: 50px;
        overflow: hidden; }
      .editor .entry-markdown:not(.active) .markdown-help:hover:before, .editor .entry-preview:not(.active) .markdown-help:hover:before {
        color: #fff; } }
  .editor .entry-markdown .floatingheader a, .editor .entry-preview .floatingheader a {
    color: #aaa9a2; }
  @media (max-width: 1000px) {
    .editor .entry-markdown .floatingheader, .editor .entry-preview .floatingheader {
      cursor: pointer;
      width: 50%;
      color: #fff;
      font-weight: normal;
      background: #aaa9a2;
      position: absolute;
      top: -40px;
      left: 0;
      box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 3px inset; }
      .editor .entry-markdown .floatingheader a, .editor .entry-preview .floatingheader a {
        color: #fff; } }
  .editor .entry-markdown .floatingheader .entry-word-count, .editor .entry-preview .floatingheader .entry-word-count {
    float: right;
    position: relative;
    top: 2px; }
  .editor .entry-markdown.active, .editor .entry-preview.active {
    z-index: 200; }
  .editor .entry-markdown.active .markdown, .editor .entry-markdown.active .entry-preview-content, .editor .entry-preview.active .markdown, .editor .entry-preview.active .entry-preview-content {
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  @media (max-width: 1000px) {
    .editor .entry-markdown.active header, .editor .entry-preview.active header {
      border-top: #edece4 1px solid;
      cursor: auto;
      color: #aaa9a2;
      background: #fff;
      box-shadow: none; }
      .editor .entry-markdown.active header a, .editor .entry-preview.active header a {
        color: #aaa9a2; } }

.editor .entry-markdown-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
.editor .markdown-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: none;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  color: #3c4043; }
  .editor .markdown-editor:focus {
    outline: 0; }
  @media (max-width: 450px) {
    .editor .markdown-editor {
      padding: 15px; } }
  @media (min-width: 451px) and (max-width: 1000px) {
    .editor .markdown-editor {
      padding: 20px; } }
  @media (min-width: 1001px) {
    .editor .markdown-editor {
      padding: 62px 20px 36px 20px; } }
@media (max-width: 1000px) {
  .editor .entry-preview .floatingheader {
    right: 0;
    left: auto;
    border-right: none; } }
.editor .entry-preview-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 40px 37px 40px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default; }
  @media (max-width: 400px) {
    .editor .entry-preview-content {
      padding: 15px; } }
  @media (max-width: 1000px) {
    .editor .entry-preview-content {
      padding-top: 20px; } }
@media (max-width: 1000px) {
  .editor .scrolling .floatingheader {
    box-shadow: none; }
    .editor .scrolling .floatingheader:before, .editor .scrolling .floatingheader:after {
      display: none; }
  @media (max-width: 1000px) {
    .editor .entry-preview-content {
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05) inset; } } }

@-moz-document url-prefix() {
  .editor .markdown-editor {
    padding-top: 0;
    padding-bottom: 0;
    top: 40px;
    height: calc(100% - 40px); } }

.markdown-help {
  position: relative;
  top: -3px;
  right: -5px;
  float: right;
  padding: 5px; }
  .markdown-help:before {
    content: '\f640';
    font-size: '16px';
    color: #cfceca; }
  .markdown-help:hover {
    text-decoration: none; }
  .markdown-help:hover:before {
    content: '\f640';
    color: #aaa9a2; }
  .markdown-help:hover:hover {
    text-decoration: none; }

.entry-preview-content, .content-preview-content {
  font-size: 1.8rem;
  line-height: 1.5em;
  font-weight: 200; }
  .entry-preview-content a, .content-preview-content a {
    color: #5BA4E5;
    text-decoration: underline; }
  .entry-preview-content sup a, .content-preview-content sup a {
    text-decoration: none; }
  .entry-preview-content .btn, .entry-preview-content .modal-footer .reject-button-class, .modal-footer .entry-preview-content .reject-button-class, .content-preview-content .btn, .content-preview-content .modal-footer .reject-button-class, .modal-footer .content-preview-content .reject-button-class {
    text-decoration: none;
    color: #35393b; }
  .entry-preview-content .img-placeholder, .content-preview-content .img-placeholder {
    border: 5px dashed #35393b;
    height: 100px;
    position: relative; }
    .entry-preview-content .img-placeholder span, .content-preview-content .img-placeholder span {
      display: block;
      height: 30px;
      position: absolute;
      margin-top: -15px;
      top: 50%;
      width: 100%;
      text-align: center; }
  .entry-preview-content a.image-edit, .content-preview-content a.image-edit {
    width: 16px;
    height: 16px; }
  .entry-preview-content img, .content-preview-content img {
    max-width: 100%;
    height: auto;
    margin: 0 auto; }

.js-embed-placeholder, .iframe-embed-placeholder {
  background: #f9f9f9;
  border: none;
  padding: 100px 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center; }

body.zen {
  background: #f3f2ed; }
  body.zen .usermenu {
    display: none; }
  body.zen .global-nav, body.zen .page-header, body.zen #publish-bar {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out; }
  body.zen .page-content {
    top: 0;
    -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out; }
  body.zen .entry-markdown, body.zen .entry-preview {
    bottom: 0;
    -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out; }

#publish-bar {
  height: 40px;
  padding: 0;
  color: #7d878a;
  background: #1a1c1d;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  @media (max-width: 1000px) {
    #publish-bar {
      font-weight: normal; } }
  #publish-bar .post-settings:hover, #publish-bar .post-settings.active {
    color: #e2edf2; }
  #publish-bar .post-settings-menu {
    position: absolute;
    bottom: 41px;
    right: -3px; }
  #publish-bar .splitbtn .btn, #publish-bar .splitbtn .modal-footer .reject-button-class, .modal-footer #publish-bar .splitbtn .reject-button-class {
    border-top: rgba(255, 255, 255, 0.3) 1px solid; }

.extended-tags {
  position: static;
  min-height: 100%; }
  .extended-tags #entry-tags:after {
    right: 10px; }
  .extended-tags .tags {
    width: 281px; }
  .extended-tags .tag-label, .extended-tags .tag-label.touch {
    color: #fff; }
  .extended-tags .tag-input {
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 10px;
    border-top: 1px solid #242628; }
  .extended-tags .right {
    display: none; }

#entry-tags input[type="text"].tag-input {
  display: inline-block;
  vertical-align: top;
  color: #e2edf2;
  font-weight: 300;
  background: transparent;
  border: none;
  width: 100%;
  line-height: 1;
  padding: 9px; }
  #entry-tags input[type="text"].tag-input:focus {
    outline: none; }
#entry-tags .tag {
  display: inline;
  margin-right: 3px;
  padding: 0 5px;
  color: #e2edf2;
  white-space: nowrap;
  background: #596063;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, #000 0 1px 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  #entry-tags .tag:after {
    content: '\f634';
    font-size: 10px;
    color: #fff;
    margin-left: 1px;
    vertical-align: 10%;
    text-shadow: rgba(255, 255, 255, 0.15) 0 1px 0; }
  #entry-tags .tag:hover {
    text-decoration: none; }
  #entry-tags .tag:hover {
    cursor: pointer; }

.suggestions {
  top: auto;
  bottom: calc(100% + 15px); }
  .suggestions li.selected, .suggestions li.selected a {
    text-decoration: none;
    color: #fff;
    background: #5BA4E5; }
  .suggestions li.selected mark {
    color: #fff; }
  .suggestions mark {
    background: none;
    color: #000;
    font-weight: bold; }

#entry-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 6px;
  position: relative; }
  #entry-actions .dropdown {
    position: absolute;
    bottom: 49px;
    right: 0; }
    #entry-actions .dropdown .dropdown-menu {
      top: auto;
      left: auto;
      right: 100%;
      bottom: 100%; }
  #entry-actions.unsaved {
    padding-bottom: 0; }
    #entry-actions.unsaved .delete {
      display: none; }

#entry-actions-menu {
  position: absolute;
  bottom: 50px;
  right: -5px; }

.tags-wrapper {
  white-space: nowrap; }
  .tags-wrapper span {
    display: inline-block;
    margin-right: 10px; }

.tag-label {
  display: block;
  width: 40px;
  height: 40px;
  position: relative; }
  .tag-label:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    font-size: 1.3rem;
    color: #7D878A;
    -webkit-transition: color 0.15s linear;
            transition: color 0.15s linear; }
  .tag-label:hover:before {
    color: #fff; }

#entry-tags.focused .tag-label:before {
  color: #fff; }

.publish-bar-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%; }

.publish-bar-tags-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  min-width: 40px;
  max-width: 40px; }

.publish-bar-tags {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  margin-right: 10px;
  height: 40px;
  overflow-y: hidden; }
  .publish-bar-tags .tags-wrapper {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 8px;
    padding-bottom: 9px;
    height: 70px; }

.publish-bar-tags-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  position: relative; }

.publish-bar-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  text-align: right; }

.post-settings {
  display: inline-block;
  padding: 8px 10px;
  color: #7d878a;
  -webkit-transition: all 0.15s ease-out 0s;
          transition: all 0.15s ease-out 0s;
  position: relative; }
  .post-settings:before {
    content: '\f606';
    font-size: 14px; }
  .post-settings:hover {
    text-decoration: none; }
  .post-settings:hover, .post-settings.active {
    color: #242628; }

.post-settings-menu .dropdown-menu {
  top: auto;
  bottom: 100%;
  left: auto;
  right: 100%; }

.seo-preview {
  font-family: Arial, sans-serif; }

.seo-preview-title {
  font-size: 1.8rem;
  line-height: 2.16rem;
  color: #1E0FBE;
  text-overflow: ellipses;
  -webkit-text-overflow: ellipsis;
  word-wrap: break-word; }

.seo-preview-link {
  margin: 1px 0 2px 0;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #006621;
  word-wrap: break-word; }

.seo-preview-description {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #545454;
  word-wrap: break-word; }

.modal-markdown-help-table {
  margin: 0 0 20px;
  width: 100%; }
  .modal-markdown-help-table td, .modal-markdown-help-table th {
    padding: 8px 0; }
  .modal-markdown-help-table th {
    text-align: left; }

.settings-nav {
  width: 25%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 700;
  background: #fff;
  box-shadow: #edece4 1px 0 0; }
  @media (max-width: 900px) {
    .settings-nav {
      width: 100%;
      top: 0; } }
  .settings-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: none; }
    @media (max-width: 900px) {
      .settings-nav ul {
        border-bottom: #edece4 1px solid; } }
  .settings-nav li {
    border-top: #fff 1px solid;
    position: relative; }
    @media (max-width: 900px) {
      .settings-nav li {
        margin-right: 0;
        border-top: #edece4 1px solid; } }
    .settings-nav li:before {
      position: absolute;
      top: 50%;
      left: 30px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      color: #aaa9a2; }
      @media (max-width: 900px) {
        .settings-nav li:before {
          left: 15px; } }
    .settings-nav li:hover:before {
      color: #242628; }
    .settings-nav li a {
      display: block;
      border-bottom: #edece4 1px solid;
      padding: 15px 15px 15px 60px;
      border-bottom: none;
      color: #aaa9a2; }
      @media (max-width: 900px) {
        .settings-nav li a {
          padding-left: 45px; }
          .settings-nav li a:after {
            content: '\f61d';
            float: right;
            margin-top: 5px; }
          .settings-nav li a:hover {
            text-decoration: none; } }
      .settings-nav li a:hover, .settings-nav li a:focus {
        color: #242628;
        background: #edece4;
        text-decoration: none; }
      .settings-nav li a:before {
        margin-right: 20px; }
        @media (max-width: 900px) {
          .settings-nav li a:before {
            margin-right: 15px; } }
    @media (min-width: 900px) {
      .settings-nav li.active {
        margin-right: 0;
        position: relative;
        z-index: 300;
        border-top: #edece4 1px solid;
        box-shadow: #fff 1px 0 0, #edece4 0 1px 0;
        -webkit-transition: all 0.15s ease-out 0s;
                transition: all 0.15s ease-out 0s; }
        .settings-nav li.active:before {
          color: #242628; }
        .settings-nav li.active a {
          color: #242628;
          font-weight: bold;
          background: #fff; }
          .settings-nav li.active a:focus {
            background: #edece4; } }
    .settings-nav li:first-of-type {
      border-top: none; }

.settings-nav-labs .icon-labs:before {
  font-size: 16px; }

@media (max-width: 900px) {
  .settings-content.fade-in {
    -webkit-animation: none;
            animation: none; } }
@media (min-width: 901px) {
  .settings-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 25%;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch; } }
.settings-content .settings-general img {
  max-width: 100%;
  max-height: 400px;
  display: block; }
.settings-content .blog-logo, .settings-content .blog-cover {
  cursor: pointer; }
.settings-content .content {
  padding: 0 40px; }
  @media (max-width: 900px) {
    .settings-content .content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 15px;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; } }
.settings-content .word-count {
  float: right;
  font-weight: bold; }

.settings-view-header, .settings-subview-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: #242628; }
  .settings-view-header .btn-back, .settings-subview-header .btn-back {
    position: absolute;
    top: 4px;
    left: 4px;
    color: #fff;
    background: transparent; }
  .settings-view-header .btn, .settings-view-header .modal-footer .reject-button-class, .modal-footer .settings-view-header .reject-button-class, .settings-subview-header .btn, .settings-subview-header .modal-footer .reject-button-class, .modal-footer .settings-subview-header .reject-button-class {
    vertical-align: top;
    line-height: 1.45; }
  .settings-view-header .page-actions, .settings-subview-header .page-actions {
    position: absolute;
    top: 4px;
    right: 4px; }
  @media (min-width: 900px) {
    .settings-view-header, .settings-subview-header {
      position: static;
      height: auto;
      padding: 30px 40px;
      line-height: 1.15em;
      background: none; }
      .settings-view-header .btn, .settings-view-header .modal-footer .reject-button-class, .modal-footer .settings-view-header .reject-button-class, .settings-subview-header .btn, .settings-subview-header .modal-footer .reject-button-class, .modal-footer .settings-subview-header .reject-button-class {
        vertical-align: middle;
        line-height: 1.428571429; }
      .settings-view-header .page-title, .settings-subview-header .page-title {
        display: inline;
        padding: 0;
        font-size: 2.6rem;
        line-height: 1.3;
        overflow: visible;
        color: #242628; }
      .settings-view-header .page-actions, .settings-subview-header .page-actions {
        position: static;
        float: right; } }

@media (min-width: 900px) {
  .settings-view-header {
    text-align: left; }
    .settings-view-header .btn-back {
      display: none;
      vertical-align: middle;
      color: #666; } }

@media (min-width: 900px) {
  .settings-subview-header .btn-back {
    position: static;
    float: left;
    color: #666; } }

.permalink-input-wrapper {
  position: relative;
  outline: 0;
  padding: 2px 0 2px 6px; }
  .permalink-input-wrapper:focus, .permalink-input-wrapper.focus {
    border-color: #aaa9a2; }
    .permalink-input-wrapper:focus .permalink-help, .permalink-input-wrapper.focus .permalink-help {
      border-color: #aaa9a2; }
  .permalink-input-wrapper .permalink-fake-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 40px; }
  .permalink-input-wrapper .permalink-domain {
    margin: 5px -1px 3px 0;
    color: #7E878B; }
  .permalink-input-wrapper .permalink-parameter {
    position: relative;
    padding: 3px 6px 4px;
    margin: 4px 0 4px 9px;
    max-height: 18px;
    background: #E3EDF2;
    box-shadow: inset 0px 0px 0px 1px #CDD5D9;
    color: #7E878B; }
    .permalink-input-wrapper .permalink-parameter:after {
      content: "/";
      position: absolute;
      top: 2px;
      left: -7px;
      font-size: 1.4rem;
      color: #7E878B; }
  .permalink-input-wrapper .permalink-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
        -ms-flex: 1 0;
            flex: 1 0;
    margin: 0;
    padding: 0 4px;
    margin-right: -4px;
    background: transparent;
    min-width: 60px;
    border: 0; }
  .permalink-input-wrapper .popover, .permalink-input-wrapper .permalink-help {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 36px; }
  .permalink-input-wrapper .permalink-help {
    border-left: 1px solid #E0DFD7;
    -webkit-transition: border-color 0.15s linear;
            transition: border-color 0.15s linear; }
    .permalink-input-wrapper .permalink-help:before {
      color: #E0DFD7;
      -webkit-transition: color 0.15s linear;
              transition: color 0.15s linear; }
    .permalink-input-wrapper .permalink-help:hover:before {
      color: #aaa9a2; }
  .permalink-input-wrapper .popover-item {
    margin-left: -5px;
    min-width: 320px; }

.navigation-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 600px) {
    .navigation-item {
      position: relative;
      margin-bottom: 20px; } }
  @media (min-width: 601px) {
    .navigation-item {
      margin-bottom: 10px; } }
  .navigation-item:last-child {
    padding-left: 17px; }
    .navigation-item:last-child .navigation-item-drag-handle {
      display: none; }

.navigation-item-drag-handle {
  padding: 6px 17px 0 0;
  width: 17px;
  cursor: move; }
  @media (max-width: 600px) {
    .navigation-item-drag-handle:before {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -9px;
      z-index: 20; } }

.navigation-inputs {
  width: 100%; }

.navigation-item-url .fake-placeholder {
  color: lightgrey; }

@media (max-width: 600px) {
  .navigation-item-label {
    margin-bottom: 5px; }
  .navigation-item-label, .navigation-item-url {
    display: block;
    width: 100%; } }

@media (min-width: 601px) {
  .navigation-inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .navigation-item-label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 10px; }
  .navigation-item-url {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; } }

.navigation-item-action {
  padding-left: 10px;
  width: 40px;
  position: relative;
  z-index: 10; }
  .navigation-item-action button {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: -2px; }
  .navigation-item-action .icon-trash:before {
    color: #c0bfb6;
    font-size: 16px;
    -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear; }
  .navigation-item-action .icon-trash:hover:before {
    color: #e25440; }
  .navigation-item-action .icon-add:before {
    background: #9FBB58;
    color: #fff;
    font-size: 12px;
    padding: 3px;
    border-radius: 2px;
    -webkit-transition: background 0.1s linear;
            transition: background 0.1s linear; }
  .navigation-item-action .icon-add:hover:before {
    background: #849f41; }

.settings-code .form-group {
  max-width: 700px; }
  .settings-code .form-group p {
    margin: 0 0 4px 0; }
.settings-code code {
  vertical-align: middle; }

.settings-code-editor {
  width: 100%;
  min-width: 250px;
  max-width: 680px;
  height: auto;
  border: 1px solid #E0DFD7;
  border-radius: 3px;
  -webkit-appearance: none;
  min-height: 300px;
  -webkit-transition: border-color 0.15s linear;
          transition: border-color 0.15s linear;
  line-height: 22px; }
  .settings-code-editor.focused {
    border-color: #aaa9a2;
    outline: 0; }

.users-list-wrapper {
  overflow: auto;
  height: 100%; }

.invited-users {
  margin-bottom: 34px; }

.user-list-title {
  font-size: 13px;
  font-weight: normal;
  color: #c0bfb6;
  margin-bottom: 14px; }

.user-list-item {
  border-top: 1px solid #edece4; }
  @media (max-width: 550px) {
    .user-list-item {
      display: block;
      padding: 15px 0; }
      .user-list-item:after {
        content: "";
        display: table;
        clear: both; } }
  @media (min-width: 551px) {
    .user-list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
          -ms-flex-pack: start;
              justify-content: start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 15px;
      height: 68px; } }

a.user-list-item {
  text-decoration: none; }
  @media (min-width: 601px) {
    a.user-list-item:hover {
      background: #f7f7f3; }
    a.user-list-item:last-of-type:hover {
      box-shadow: inset 0px -1px 0px #edece4; } }

.user-list-item-icon {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 100%;
  background: #edece4;
  font-size: 0px;
  color: transparent;
  overflow: hidden;
  position: relative; }
  .user-list-item-icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -7px;
    text-align: center;
    color: #aaa9a2;
    font-size: 14px; }

.user-list-item-figure {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background-size: cover;
  background-position: center center;
  position: relative; }
  .user-list-item-figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }

@media (max-width: 550px) {
  .user-list-item-icon, .user-list-item-figure {
    float: left;
    margin-right: 15px; } }

.user-list-item-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-left: 15px;
  line-height: 1; }
  @media (max-width: 550px) {
    .user-list-item-body {
      margin-top: 3px; } }
  .user-list-item-body .name {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #242628; }
  .user-list-item-body .description {
    display: inline-block;
    font-size: 12px;
    color: #c0bfb6;
    white-space: nowrap;
    margin-top: 3px; }

@media (max-width: 550px) {
  .user-list-item-aside {
    float: left;
    width: 100%;
    margin: 12px 0 0 50px; } }
.user-list-item-aside .user-list-action:not(:first-of-type) {
  margin-left: 20px; }
  @media (min-width: 551px) {
    .user-list-item-aside .user-list-action:not(:first-of-type) {
      margin-left: 50px; } }
.user-list-item-aside .role-label {
  float: left;
  margin-top: -1px; }
.user-list-item-aside .role-label + .role-label {
  margin-left: 5px; }

.user-list-action {
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: underline; }

.role-label {
  display: inline-block;
  padding: 6px 8px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;
  background: #eee; }
  .role-label.owner {
    color: rgba(255, 255, 255, 0.8);
    background: #242628; }
  .role-label.administrator {
    color: rgba(255, 255, 255, 0.8);
    background: #e25440; }
  .role-label.editor {
    color: rgba(255, 255, 255, 0.8);
    background: #5BA4E5; }

.invite-new-user .modal-body:after {
  content: "";
  display: table;
  clear: both; }
.invite-new-user .form-group {
  margin-bottom: 0;
  padding: 0; }
  .invite-new-user .form-group label {
    position: static;
    display: block;
    text-align: left; }
  .invite-new-user .form-group:nth-of-type(1) {
    float: left;
    width: 60%; }
  .invite-new-user .form-group:nth-of-type(2) {
    float: left;
    width: 35%;
    margin-left: 5%; }
  .invite-new-user .form-group input {
    width: 100%; }
.invite-new-user .btn-green {
  width: 100%; }

.user-actions-cog {
  padding: 9px 11px; }

.user-actions-menu {
  left: auto;
  right: 0;
  top: calc(100% + 17px); }
  .user-actions-menu.fade-out {
    -webkit-animation-duration: 0.01s;
            animation-duration: 0.01s; }

.content.settings-user {
  padding: 0; }
  @media (min-width: 901px) {
    .content.settings-user {
      padding: 0 40px; } }

.user-cover {
  position: relative;
  width: auto;
  height: 300px;
  margin: 0;
  background: #fafafa no-repeat center center;
  background-size: cover;
  overflow: hidden; }
  @media (max-width: 900px) {
    .user-cover {
      margin: 0; } }
  .user-cover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.18));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.18)); }

.user-cover-edit {
  position: absolute;
  right: 35px;
  bottom: 29px;
  min-height: 37px;
  height: 37px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  border-width: 0;
  border-radius: 3px;
  -webkit-transition: color 0.3s ease, background 0.3s ease;
          transition: color 0.3s ease, background 0.3s ease; }
  @media (max-width: 1000px) {
    .user-cover-edit {
      right: 15px; } }
  .user-cover-edit:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.5); }

.first-form-group {
  max-width: 500px; }
  @media (min-width: 651px) {
    .first-form-group {
      min-width: 285px;
      left: 40px; } }
  @media (min-width: 651px) and (max-width: 1000px) {
    .first-form-group {
      width: calc(100% - 201px); } }
  @media (min-width: 1001px) {
    .first-form-group {
      width: calc(100% - 181px); } }

.user-details-top {
  position: relative; }
  @media (max-width: 650px) {
    .user-details-top {
      margin-top: 40px;
      margin-bottom: 0; } }
  @media (min-width: 651px) {
    .user-details-top {
      margin-top: -91px;
      margin-bottom: 0;
      padding: 0; }
      .user-details-top p {
        color: #fff; }
      .user-details-top label[for="user-name"] {
        color: transparent; }
      .user-details-top .user-name {
        border-color: #fff; } }
  @media (min-width: 901px) {
    .user-details-top .user-name {
      width: calc(100% - 20px); } }

.user-profile {
  position: relative;
  z-index: 1; }
  @media (min-width: 651px) {
    .user-profile {
      padding-left: 143px; } }
  @media (max-width: 650px) {
    .user-profile fieldset {
      padding: 0 40px; } }
  @media (max-width: 550px) {
    .user-profile fieldset {
      padding: 0 15px; } }
  .user-profile textarea {
    min-width: 240px; }

.user-image {
  display: block;
  position: absolute;
  width: 126px;
  height: 126px;
  margin-left: -6px;
  margin-right: 20px;
  padding: 3px;
  float: left;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  z-index: 2; }
  @media (min-width: 651px) {
    .user-image {
      top: -19px;
      left: -98px; } }
  @media (max-width: 650px) {
    .user-image {
      top: -159px;
      left: 21px; } }
  .user-image .img {
    display: block;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center center;
    border-radius: 100%; }
  .user-image:hover .edit-user-image {
    opacity: 1; }

.edit-user-image {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 100%;
  width: calc(100% - 6px);
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  color: #fff;
  line-height: 120px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease; }

.settings-about h1 {
  letter-spacing: 0; }

@media (min-width: 901px) {
  .settings-content .settings-about {
    padding: 25px 40px 0; } }

.about-ghost-intro h1 {
  margin-top: -6px;
  margin-bottom: -21px; }
.about-ghost-intro .ghost_logo {
  position: relative;
  left: 3px; }
  .about-ghost-intro .ghost_logo:before {
    content: '\f600';
    font-size: 1.7rem;
    color: #7d878a;
    position: relative;
    top: -6px; }
  .about-ghost-intro .ghost_logo:hover {
    text-decoration: none; }
  .about-ghost-intro .ghost_logo:after {
    content: '\f644';
    font-size: 3.2rem;
    color: #242628;
    position: relative;
    left: -5px; }
  .about-ghost-intro .ghost_logo:hover {
    text-decoration: none; }
.about-ghost-intro .version {
  font-weight: 300;
  font-size: 1.8rem;
  position: relative;
  top: -3px;
  left: -9px;
  color: #5BA4E5; }
.about-ghost-intro h1 + p {
  margin-top: 1px;
  color: #7d878a; }

@media (min-width: 901px) {
  .settings-view-about .settings-view-header {
    display: none; } }

.about-environment-help {
  margin-top: 35px; }

.about-environment dl {
  color: #7d878a;
  margin: 2px 0 0 0;
  line-height: 1.6; }
  .about-environment dl:after {
    content: "";
    display: table;
    clear: both; }
.about-environment dt, .about-environment dd {
  width: auto;
  float: left;
  display: inline-block;
  margin: 0; }
.about-environment dt {
  margin-right: 5px; }
.about-environment .about-environment-detail {
  text-transform: capitalize; }

.about-help {
  padding-top: 8px; }
  @media (max-width: 500px) {
    .about-help {
      padding-top: 16px; } }
  .about-help .btn, .about-help .modal-footer .reject-button-class, .modal-footer .about-help .reject-button-class {
    width: 100%;
    display: block;
    font-size: 1rem;
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 32px;
    background: #A1ADB3;
    color: #fff; }
    .about-help .btn:hover, .about-help .modal-footer .reject-button-class:hover, .modal-footer .about-help .reject-button-class:hover {
      background: #85949c; }
    .about-help .btn:nth-child(1), .about-help .modal-footer .reject-button-class:nth-child(1), .modal-footer .about-help .reject-button-class:nth-child(1) {
      margin-bottom: 11px; }

@media (min-width: 501px) {
  .about-environment-help {
    max-width: 430px; }
  .about-environment {
    float: left;
    width: calc(100% - 190px); }
  .about-help {
    float: right;
    width: 170px; } }

.top-contributors {
  padding-left: 0;
  max-width: 660px; }
  .top-contributors li {
    float: left;
    list-style: none;
    width: 10%; }
    .top-contributors li a {
      display: block;
      position: relative; }
      @media (min-width: 601px) {
        .top-contributors li a {
          margin-right: 9px;
          margin-bottom: 9px; } }
      @media (max-width: 600px) {
        .top-contributors li a {
          margin-right: 6px;
          margin-bottom: 6px; } }
      .top-contributors li a:before {
        opacity: 0;
        content: attr(title);
        position: absolute;
        top: -27px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        background: #242628;
        color: #fff;
        padding: 2px 6px 3px;
        border-radius: 3px;
        -webkit-transition: opacity 0.15s ease-in-out;
                transition: opacity 0.15s ease-in-out;
        font-size: 1rem;
        pointer-events: none; }
      .top-contributors li a:after {
        opacity: 0;
        content: '';
        position: absolute;
        top: -6px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-transition: opacity 0.15s ease-in-out;
                transition: opacity 0.15s ease-in-out;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #242628; }
      .top-contributors li a:hover:before, .top-contributors li a:hover:after {
        opacity: 1; }
      .top-contributors li a img {
        width: 100%;
        display: block;
        border-radius: 100%; }

.about-credits {
  margin-top: 45px; }
  .about-credits h1 {
    font-size: 2.4rem;
    margin-bottom: 24px; }

.about-contributors-info {
  margin-top: -12px;
  margin-bottom: 22px;
  font-size: 1.6rem;
  max-width: 620px; }

.about-get-involved {
  font-size: 1.2rem;
  width: 100%;
  display: inline-block;
  max-width: 290px;
  text-transform: uppercase;
  text-align: center; }

.about-copyright {
  margin-top: 62px; }
  .about-copyright a:link, .about-copyright a:visited {
    color: inherit; }
  .about-copyright a:hover, .about-copyright a:focus, .about-copyright a:active {
    text-decoration: none;
    color: #5BA4E5; }

.tags-search {
  position: relative;
  display: inline-block;
  margin-left: 7px; }
  .tags-search .btn, .tags-search .modal-footer .reject-button-class, .modal-footer .tags-search .reject-button-class {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: padding 0.3s ease-in-out;
            transition: padding 0.3s ease-in-out; }
    .tags-search .btn.active, .tags-search .modal-footer .active.reject-button-class, .modal-footer .tags-search .active.reject-button-class {
      box-shadow: none; }
    .tags-search .btn .icon-search:before, .tags-search .modal-footer .reject-button-class .icon-search:before, .modal-footer .tags-search .reject-button-class .icon-search:before {
      font-size: 1.3rem; }
  .tags-search .tags-search-input {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    margin: 0;
    padding: 7px 10px;
    border: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none; }
  @media (max-width: 400px) {
    .tags-search.opened .btn, .tags-search.opened .modal-footer .reject-button-class, .modal-footer .tags-search.opened .reject-button-class {
      padding-left: 120px; }
    .tags-search.opened .tags-search-input {
      width: 110px; } }
  @media (min-width: 401px) {
    .tags-search.opened .btn, .tags-search.opened .modal-footer .reject-button-class, .modal-footer .tags-search.opened .reject-button-class {
      padding-left: 140px; }
    .tags-search.opened .tags-search-input {
      width: 130px; } }
  .tags-search.opened .tags-search-input {
    opacity: 1;
    pointer-events: auto; }

.settings-tag {
  position: relative;
  padding: 0 45px 0 0;
  display: block;
  border-top: 1px solid #edece4; }
  .settings-tag .tag-edit-button {
    width: calc(100% + 45px);
    padding: 20px 15px;
    text-align: left; }
    .settings-tag .tag-edit-button:hover, .settings-tag .tag-edit-button:focus, .settings-tag .tag-edit-button:active {
      background: #f7f7f3; }
  .settings-tag:last-of-type:hover .tag-edit-button {
    box-shadow: inset 0px -1px 0px #edece4; }
  .settings-tag .label {
    margin-left: 2px;
    position: relative;
    top: -2px; }
  .settings-tag .label-alt {
    text-transform: uppercase; }
  .settings-tag .tag-title {
    font-size: 16px;
    color: #242628;
    font-weight: normal; }
  .settings-tag .tag-description {
    margin: 0;
    font-size: 13px;
    color: #c0bfb6; }
  .settings-tag .tags-count {
    position: absolute;
    top: 20px;
    right: 12px;
    font-size: 16px;
    color: #c0bfb6; }

.error-content {
  max-width: 530px;
  margin: 0 auto;
  padding: 0;
  display: table;
  height: 100%; }
  @media (max-width: 630px) {
    .error-content {
      max-width: 264px;
      text-align: center; } }

.error-details {
  display: table-cell;
  vertical-align: middle; }

.error-image {
  display: inline-block;
  vertical-align: middle;
  width: 96px;
  height: 150px; }
  @media (max-width: 630px) {
    .error-image {
      width: 72px;
      height: 112px; } }
  .error-image img {
    width: 100%;
    height: 100%; }

.error-message {
  position: relative;
  top: -5px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }

.error-code {
  margin: 0;
  font-size: 7.8em;
  line-height: 0.9em;
  color: #979797; }
  @media (max-width: 630px) {
    .error-code {
      font-size: 5.8em; } }

.error-description {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 1.9em;
  color: #979797;
  border: none; }
  @media (max-width: 630px) {
    .error-description {
      font-size: 1.4em; } }

.error-stack {
  margin: 1em auto;
  padding: 2em;
  max-width: 800px;
  background-color: rgba(255, 255, 255, 0.3); }

.error-stack-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.error-stack-list li {
  display: block; }
  .error-stack-list li:before {
    color: #BBB;
    content: "\21AA";
    display: inline-block;
    font-size: 1.2em;
    margin-right: 0.5em; }

.error-stack-function {
  font-weight: bold; }

body {
  min-width: inherit; }

#entry-actions {
  margin-right: 0px; }

.menu-image {
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute; }

/**
 * Sign in modal
 **/
#sign-in-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.96; }
  #sign-in-modal .inner {
    text-align: center;
    width: 400px;
    heifght: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px; }
    #sign-in-modal .inner h2 {
      color: white;
      padding: 5px;
      font-size: 24px;
      margin-bottom: 15px; }
    #sign-in-modal .inner span.small {
      font-size: 12px; }

#user-gate #request-form {
  background: none !important; }
  #user-gate #request-form div.input-wrapper input {
    padding: 0px !important; }

#full-bleed-hero #headline a {
  color: inherit;
  text-decoration: inherit; }

.editor .markdown-editor {
  position: relative;
  padding: 0px;
  top: 0px;
  font-family: inherit; }
.editor #story-detail #story-intro h2 div {
  min-height: 55px;
  width: 100%; }
.editor .entry-markdown, .editor .entry-preview {
  position: relative;
  top: 0px;
  bottom: 0px;
  padding: 0px;
  border: none;
  background: none;
  font-family: inherit; }
.editor .entry-markdown-content {
  position: relative;
  margin-top: -7px; }
.editor .content {
  min-height: 400px;
  width: 100%;
  height: 100%; }

#container {
  position: initial; }

#gh-main.viewport {
  position: relative;
  overflow: inherit; }

#story-detail #story-image #upload-container, #story-detail #story-image .image-uploader {
  padding-top: 40px !important;
  height: 145px !important; }

.editor #story-detail #story-image img {
  max-height: 200px;
  width: auto; }

.image-uploader .media:before {
  display: block; }

.hidden {
  opacity: 0; }

.image-uploader .hidden, .display-none {
  display: none; }

.label {
  padding: 0px; }

#entry-tags .tag {
  padding: 0px;
  background: inherit;
  border-radius: inherit;
  box-shadow: none; }

#container {
  overflow: inherit; }
  #container #primary-nav {
    background: white; }

body.settings, body.ghost-login {
  padding-top: 88px; }
  body.settings #gh-main.viewport, body.ghost-login #gh-main.viewport {
    position: absolute; }
  body.settings .settings-nav, body.ghost-login .settings-nav {
    top: 30px; }
  body.settings .settings-menu-container .settings-menu-pane, body.ghost-login .settings-menu-container .settings-menu-pane {
    top: 100px; }

#entry-tags .tag {
  margin-right: 0px; }

#entry-tags .tag:after {
  content: ''; }

body.manage #primary-nav a#write-story, body.settings #primary-nav a#write-story {
  display: block; }
body.manage #primary-nav a#finish-writing-story, body.settings #primary-nav a#finish-writing-story {
  display: none; }

#story-detail b {
  font-weight: bold; }

#story-detail i {
  font-style: italic; }

#story-detail #manage-stories-tags ul.tags li.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  white-space: inherit;
  vertical-align: inherit;
  border-radius: inherit; }

#story-detail .editor-placeholder {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  pointer-events: none;
  color: #999; }

@media only screen and (max-width: 768px) {
  #story-detail #story-intro h2 {
    position: relative;
    margin-left: 30px; } }

.last-edited strong {
  font-weight: bold !important; }

/**
 * Grande overrides
 **/
.ui-inputs .url-input {
  font-size: 12px; }

.options {
  width: 150px;
  margin-left: 32px; }

.options.url-mode {
  width: 200px;
  margin-left: 7px; }

.content blockquote {
  margin-left: 30px; }

a.load-more {
  text-decoration: inherit;
  color: inherit; }

#user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action {
  color: inherit;
  text-decoration: inherit; }

a.load-more {
  color: inherit;
  text-decoration: inherit; }

[contenteditable=true]:focus {
  border: none;
  outline: none; }

.notifications.bottom {
  z-index: 100000000; }

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/************************************************************
*	CREATE GLOBAL VARS
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/************************************************************
*	CREATE MAIN RESPONSIVE MIXIN
*/
/*example of mixin use
  	@include respond-to(handhelds) {
			//write sass here
		}
	*/
/************************************************************
*	GLOBAL BODY STYLES/UTILITY CLASSES
*/
body {
  -webkit-font-smoothing: antialiased;
  font-family:Georgia, Helvetica, Arial, san-serif; }
  body.detail, body.post-template, body.manage {
    padding-top: 88px; }
    @media only screen and (max-width: 768px) {
      body.detail, body.post-template, body.manage {
        padding-top: 70px; } }
  body.full-bleed {
    padding-top: 0px; }

div.relative {
  height: 100%;
  width: 100%;
  position: relative; }

div.clear {
  clear: both; }

img {
  display: block; }

/************************************************************
*	GLOBAL ELEMENTS
*/
div.recommend {
  width: 55px;
  height: 27px;
  cursor: pointer; }
  div.recommend div.heart {
    height: 27px;
    width: 27px;
    background: url(./images/heart.png) top left no-repeat;
    float: left;
    /* 1.5 dpr */ }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      div.recommend div.heart {
        background: url(./images/heart@2x.png) top left no-repeat;
        background-size: 100%; } }
  div.recommend div.count {
    width: 25px;
    float: right;
    font-size: 13px;
    color: #979797;
    padding-top: 5px; }

div.author {
  width: 230px; }
  div.author div.author-image {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #ccc top left no-repeat;
    background-size: 100%;
    float: left; }
  div.author div.byline {
    width: 170px;
    float: right; }
    div.author div.byline p {
      font-size: 15px;
      font-weight: 400;
      color: #1B8CD5;
      margin-top: 11px; }
      div.author div.byline p a {
        color: inherit;
        text-decoration: inherit; }
      div.author div.byline p span {
        font-size: 13px;
        display: block;
        color: #979797;
        margin-top: 2px; }

div.story-meta {
  width: 100%; }
  div.story-meta div.tags {
    height: 20px;
    float: left; }
    div.story-meta div.tags p {
      height: 20px;
      float: left;
      display: block;
      font-size: 14px;
      padding-top: 5px;
      color: #979797;
      margin-right: 6px; }
    div.story-meta div.tags ul {
      height: 20px;
      float: left; }
      div.story-meta div.tags ul li {
        height: 20px;
        margin-right: 4px;
        float: left; }
        div.story-meta div.tags ul li a.tag {
          padding: 0px;
          display: block;
          height: 17px;
          width: 60px;
          padding-top: 5px;
          border-radius: 6px;
          background: #C4c4c4;
          text-align: center;
          color: #FFF;
          font-size: 13px;
          text-decoration: none;
          font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
          font-weight: 500;
          -webkit-border-fit: border !important;
          -webkit-text-size-adjust: none; }
          div.story-meta div.tags ul li a.tag:hover {
            background: #1B8CD5; }

/* placed in the story intro and in the story body in compose mode
	also placed in the tag story overlay */
div.edit-icon {
  position: absolute;
  width: 40px;
  height: 36px;
  left: -50px;
  cursor: pointer;
  border-radius: 5px;
  background: url(./images/edit_story_icon.png) no-repeat #D8D8D8;
  background-position: 11px 7px;
  /* 1.5 dpr */ }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    div.edit-icon {
      background: url(./images/edit_story_icon@2x.png) no-repeat #D8D8D8;
      background-size: 40%;
      background-position: 12px 8px; } }
  @media only screen and (max-width: 768px) {
    div.edit-icon {
      left: 0px;
      height: 23px;
      width: 21px;
      background-size: 60%;
      background-position: 5px 5px; } }

/************************************************************
*	PRIMARY NAVIGATION
*/
#primary-nav {
  height: 87px;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000; }
  #primary-nav.is-white {
    border-bottom: none;
    background: none; }
  #primary-nav #nav-background {
    height: 100%;
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #D8D8D8;
    top: 0px;
    left: 0px;
    background: #FFF;
    opacity: 1;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out; }
  #primary-nav.is-white #nav-background {
    height: 0;
    opacity: 0; }
  #primary-nav #nav-content {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  @media only screen and (max-width: 768px) {
    #primary-nav {
      height: 50px; } }
  #primary-nav a#logo {
    width: 110px;
    height: 39px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -63px;
    top: 24px;
    background-position: 0 0;
    background: url(./images/aKoma_logo.png) no-repeat;
    background-size: 100%;
    /* 1.5 dpr */ }
    @media only screen and (max-width: 768px) {
      #primary-nav a#logo {
        width: 64px;
        height: 24px;
        top: 14px;
        margin-left: -40px; } }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      #primary-nav a#logo {
        background: url(./images/aKoma_logo@2x.png) top left no-repeat;
        background-size: 100%; } }
  #primary-nav.is-white a#logo {
    background-position: 0 -39px;
    /* 1.5 dpr */ }
    @media only screen and (max-width: 768px) {
      #primary-nav.is-white a#logo {
        background-position: 0 -20px; } }
  #primary-nav a#write-story {
    width: 206px;
    height: 42px;
    position: absolute;
    top: 23px;
    right: 87px;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    background: #1B8CD5; }
    @media only screen and (max-width: 768px) {
      #primary-nav a#write-story {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        top: 10px;
        right: 65px; } }
    #primary-nav a#write-story p {
      font-family: Helvetica,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
      position: absolute;
      width: 100%;
      height: 30px;
      top: 11px;
      text-align: center;
      font-size: 20px;
      font-weight: 400;
      color: #FFF;
      margin-top: 0px;
      padding-left: 4px;
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out; }
      @media only screen and (max-width: 768px) {
        #primary-nav a#write-story p {
          display: none; } }
    #primary-nav a#write-story #compose-icon {
      height: 14px;
      width: 14px;
      background: url(./images/compose_story.png) no-repeat;
      position: absolute;
      top: 13px;
      left: 50px;
      overflow: hidden;
      background-position: 0 -14px;
      -webkit-transition: left 0.18s ease-out;
      -moz-transition: left 0.18s ease-out;
      -o-transition: left 0.18s ease-out;
      /* 1.5 dpr */ }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        #primary-nav a#write-story #compose-icon {
          background: url(./images/compose_story@2x.png) no-repeat;
          background-size: 100%;
          background-position: 0 -14px; } }
      @media only screen and (max-width: 768px) {
        #primary-nav a#write-story #compose-icon {
          display: block;
          top: 9px;
          left: 9px; } }
    #primary-nav a#write-story:hover {
      background: #157CCA; }
      #primary-nav a#write-story:hover #compose-icon {
        left: 100px; }
        @media only screen and (max-width: 768px) {
          #primary-nav a#write-story:hover #compose-icon {
            left: 9px; } }
      #primary-nav a#write-story:hover p {
        opacity: 0; }
  #primary-nav.compose-story a#write-story {
    display: none; }
  #primary-nav.is-white a#write-story p {
    color: #FFF; }
  #primary-nav #account-icon-wrapper {
    height: 42px;
    width: 42px;
    position: absolute;
    top: 23px;
    right: 30px;
    z-index: 5000; }
    @media only screen and (max-width: 768px) {
      #primary-nav #account-icon-wrapper {
        height: 30px;
        width: 30px;
        top: 10px;
        right: 16px; } }
    #primary-nav #account-icon-wrapper a#log-in {
      height: 42px;
      width: 42px;
      border-radius: 50%;
      background: #999;
      display: block;
      overflow: hidden;
      position: relative;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateX(0); }
      @media only screen and (max-width: 768px) {
        #primary-nav #account-icon-wrapper a#log-in {
          height: 32px;
          width: 32px;
          border-radius: 50%; } }
      #primary-nav #account-icon-wrapper a#log-in #logged-out-icon {
        width: 24px;
        height: 33px;
        position: absolute;
        background: url(./images/log_in.png) no-repeat;
        background-size: 100%;
        background-position: 0 -33px;
        top: 10px;
        left: 9px;
        /* 1.5 dpr */ }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          #primary-nav #account-icon-wrapper a#log-in #logged-out-icon {
            background: url(./images/log_in@2x.png) no-repeat;
            background-size: 100%; } }
        @media only screen and (max-width: 768px) {
          #primary-nav #account-icon-wrapper a#log-in #logged-out-icon {
            width: 18px;
            height: 24px;
            top: 8px;
            left: 7px;
            background-position: 0 -25px; } }
  #primary-nav #logged-in-actions {
    width: 250px;
    height: auto;
    background: #FFF;
    border: 1px solid #D8D8D8;
    position: absolute;
    top: 50px;
    right: -3px;
    opacity: 0;
    box-shadow: 0px 0px 28px -5px rgba(0, 0, 0, 0.28);
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    z-index: 3000; }
    #primary-nav #logged-in-actions #close-handheld-overlay {
      height: 42px;
      width: 42px;
      position: fixed;
      top: 16px;
      right: 20px;
      border: 1px solid #000;
      border-radius: 50%;
      cursor: pointer;
      display: none; }
      #primary-nav #logged-in-actions #close-handheld-overlay div.line-one {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -13px;
        margin-top: -1px;
        background: #000;
        height: 2px;
        width: 26px;
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Safari */
        transform: rotate(45deg); }
      #primary-nav #logged-in-actions #close-handheld-overlay div.line-two {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -13px;
        margin-top: -1px;
        background: #000;
        height: 2px;
        width: 26px;
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari */
        transform: rotate(-45deg); }
      @media only screen and (max-width: 768px) {
        #primary-nav #logged-in-actions #close-handheld-overlay {
          display: block; } }
    @media only screen and (max-width: 768px) {
      #primary-nav #logged-in-actions {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        z-index: 6000; } }
    #primary-nav #logged-in-actions.fadedIn {
      opacity: 1; }
    #primary-nav #logged-in-actions.hidden {
      height: 0px;
      overflow: hidden; }
      #primary-nav #logged-in-actions.hidden #close-handheld-overlay {
        display: none; }
    #primary-nav #logged-in-actions:after, #primary-nav #logged-in-actions:before {
      bottom: 100%;
      right: 12px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    #primary-nav #logged-in-actions:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #FFF;
      border-width: 10px;
      margin-left: -10px; }
    #primary-nav #logged-in-actions:before {
      border-color: rgba(194, 225, 245, 0);
      border-bottom-color: #c2e1f5;
      border-width: 11px;
      margin-left: -11px; }
    #primary-nav #logged-in-actions ul#logged-in-actions-list {
      width: 100%;
      padding-top: 18px;
      height: auto; }
      @media only screen and (max-width: 768px) {
        #primary-nav #logged-in-actions ul#logged-in-actions-list {
          width: 250px;
          margin: auto;
          margin-top: 80px; } }
      #primary-nav #logged-in-actions ul#logged-in-actions-list li {
        width: 100%;
        height: 35px;
        margin-bottom: 8px; }
        @media only screen and (max-width: 768px) {
          #primary-nav #logged-in-actions ul#logged-in-actions-list li {
            margin-bottom: 15px; } }
        #primary-nav #logged-in-actions ul#logged-in-actions-list li.last {
          margin-bottom: 0px; }
        #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action {
          font-size: 14px;
          color: #000;
          height: 100%;
          display: block;
          position: relative;
          padding-left: 60px;
          text-decoration: none; }
          @media only screen and (max-width: 768px) {
            #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action {
              font-size: 16px; } }
          #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action.grey-text {
            color: #979797; }
          #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon {
            position: absolute; }
            #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.manage-site-content {
              top: -8px;
              left: 18px;
              height: 30px;
              width: 22px;
              background: url(./images/manage_site_content.png) no-repeat;
              background-size: 100%;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.manage-site-content {
                  background: url(./images/manage_site_content@2x.png) no-repeat;
                  background-size: 100%; } }
            #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.new-story {
              top: -9px;
              left: 15px;
              height: 31px;
              width: 35px;
              background: url(./images/new_story.png) no-repeat;
              background-size: 100%;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.new-story {
                  background: url(./images/new_story@2x.png) no-repeat;
                  background-size: 100%; } }
            #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.drafts-and-stories {
              top: -2px;
              left: 15px;
              height: 27px;
              width: 26px;
              background: url(./images/drafts_and_stories.png) no-repeat;
              background-size: 100%;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.drafts-and-stories {
                  background: url(./images/drafts_and_stories@2x.png) no-repeat;
                  background-size: 100%; } }
            #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.view-profile {
              top: -3px;
              left: 21px;
              height: 22px;
              width: 17px;
              background: url(./images/action_profile.png) no-repeat;
              background-size: 100%;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.view-profile {
                  background: url(./images/action_profile@2x.png) no-repeat;
                  background-size: 100%; } }
            #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.sign-out {
              top: -4px;
              left: 12px;
              height: 23px;
              width: 26px;
              background: url(./images/sign_out.png) no-repeat;
              background-size: 100%;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #primary-nav #logged-in-actions ul#logged-in-actions-list li a.logged-in-action div.action-icon.sign-out {
                  background: url(./images/sign_out@2x.png) no-repeat;
                  background-size: 100%; } }
  #primary-nav a#finish-writing-story {
    width: 204px;
    height: 40px;
    position: absolute;
    top: 23px;
    right: 87px;
    border: 1px solid #000;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    display: none;
    z-index: 4000; }
    @media only screen and (max-width: 768px) {
      #primary-nav a#finish-writing-story {
        height: 30px;
        width: 100px;
        border-radius: 20px;
        top: 10px;
        right: 65px; } }
    #primary-nav a#finish-writing-story p {
       font-family: Helvetica;
      position: absolute;
      width: 100%;
      height: 30px;
      top: 8px;
      text-align: center;
      font-size: 20px;
      font-weight: 200;
      color: #000;
      margin-top: 0px; }
      @media only screen and (max-width: 768px) {
        #primary-nav a#finish-writing-story p {
          font-size: 15px;
          top: 6px; } }
  #primary-nav.compose-story a#finish-writing-story {
    display: block; }

/************************************************************
*	MAIN MENU
*/
#main-menu-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  z-index: 1000;
  font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
  #main-menu-wrapper.fadedIn {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    height: 100%;
    overflow-y: scroll; }
    #main-menu-wrapper.fadedIn #overlay-background {
      height: 100%; }
    #main-menu-wrapper.fadedIn #menu-content {
      height: 360px; }
      @media only screen and (max-width: 768px) {
        #main-menu-wrapper.fadedIn #menu-content {
          height: 500px; } }
      @media only screen and (max-width: 320px) {
        #main-menu-wrapper.fadedIn #menu-content {
          height: 450px; } }
  #main-menu-wrapper.hidden {
    height: 0;
    overflow: hidden; }
    #main-menu-wrapper.hidden #overlay-background {
      height: 0; }
    #main-menu-wrapper.hidden #menu-content {
      height: 0;
      top: 40%; }
      @media only screen and (max-width: 768px) {
        #main-menu-wrapper.hidden #menu-content {
          height: 0; } }
  #main-menu-wrapper #overlay-background {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.92; }
  #main-menu-wrapper #menu-content {
    width: 560px;
    height: 360px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -200px;
    -webkit-transition: top 0.3s ease-out;
    -moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out; }
    @media only screen and (max-width: 768px) {
      #main-menu-wrapper #menu-content {
        width: 300px;
        height: 500px;
        margin-left: -150px;
        margin-top: -250px; } }
    @media only screen and (max-width: 320px) {
      #main-menu-wrapper #menu-content {
        margin-top: -200px;
        height: 400px; } }
    #main-menu-wrapper #menu-content div.eyebrow {
        font-family: Helvetica;
      width: 100%;
      text-align: center;
      color: #F0950C;
      font-size: 20px;
      margin-bottom: 20px; }
    #main-menu-wrapper #menu-content ul#filter-nav {
      height: 40px;
      width: 390px;
      margin: 0 auto;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        #main-menu-wrapper #menu-content ul#filter-nav {
          margin-bottom: 30px;
          width: 310px; } }
      @media only screen and (max-width: 320px) {
        #main-menu-wrapper #menu-content ul#filter-nav {
          margin-bottom: 15px; } }
      #main-menu-wrapper #menu-content ul#filter-nav li {
        float: left;
        margin-right: 25px; }
        @media only screen and (max-width: 768px) {
          #main-menu-wrapper #menu-content ul#filter-nav li {
            margin-right: 18px; } }
        #main-menu-wrapper #menu-content ul#filter-nav li.last {
          margin-right: none; }
        #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link {
          font-family: Helvetica;
          display: block;
          position: relative;
          font-size: 18px;
          color: #777777;
          text-decoration: none;
          padding-left: 35px;
          height: 32px;
          padding-top: 8px;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link {
              font-size: 13px; } }
          #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link.popular {
            padding-left: 30px; }
          #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon {
            position: absolute; }
            #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon.faves {
              width: 30px;
              height: 28px;
              background: url(./images/filter_nav_star_icon.png);
              background-position: 0 0;
              top: 0px;
              left: 0px;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon.faves {
                  background: url(./images/filter_nav_star_icon@2x.png) no-repeat;
                  background-size: 100%; } }
            #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon.latest {
              width: 26px;
              height: 23px;
              background: url(./images/filter_latest_icon.png);
              background-position: 0 0;
              top: 5px;
              left: 0px;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon.latest {
                  background: url(./images/filter_latest_icon@2x.png) no-repeat;
                  background-size: 100%; } }
            #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon.popular {
              width: 22px;
              height: 21px;
              background: url(./images/filter_popular_icon.png);
              background-position: 0 0;
              top: 5px;
              left: 0px;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #main-menu-wrapper #menu-content ul#filter-nav li a.filter-nav-link div.filter-nav-icon.popular {
                  background: url(./images/filter_popular_icon@2x.png) no-repeat;
                  background-size: 100%; } }
    #main-menu-wrapper #menu-content ul#primary-menu {
      width: 100%;
      position: relative;
      left: 23px; }
      @media only screen and (max-width: 768px) {
        #main-menu-wrapper #menu-content ul#primary-menu {
          left: 0px; } }
      #main-menu-wrapper #menu-content ul#primary-menu li {
        height: 110px;
        width: 240px;
        float: left;
        margin-right: 80px;
        margin-bottom: 40px; }
        @media only screen and (max-width: 768px) {
          #main-menu-wrapper #menu-content ul#primary-menu li {
            margin-right: 0px;
            width: 100%;
            display: block;
            height: auto;
            margin-bottom: 30px;
            text-align: center; } }
        @media only screen and (max-width: 320px) {
          #main-menu-wrapper #menu-content ul#primary-menu li {
            margin-bottom: 23px; } }
        #main-menu-wrapper #menu-content ul#primary-menu li.margin-rt-none {
          margin-right: 0px; }
        #main-menu-wrapper #menu-content ul#primary-menu li a.primary-menu-link {
          font-size: 52px;
          text-decoration: none;
          text-transform: uppercase;
          color: #FFF;
          font-weight: 200; }
          @media only screen and (max-width: 768px) {
            #main-menu-wrapper #menu-content ul#primary-menu li a.primary-menu-link {
              font-size: 40px; } }
          @media only screen and (max-width: 320px) {
            #main-menu-wrapper #menu-content ul#primary-menu li a.primary-menu-link {
              font-size: 32px; } }
          #main-menu-wrapper #menu-content ul#primary-menu li a.primary-menu-link span {
            color: #5A5858;
            font-size: 16px;
            line-height: 18px;
            display: block;
            text-transform: none;
            margin-top: 8px; }
            @media only screen and (max-width: 768px) {
              #main-menu-wrapper #menu-content ul#primary-menu li a.primary-menu-link span {
                font-size: 16px; } }

/************************************************************
*	MAIN MENU ICON
*/
a#menu-icon {
  width: 50px;
  height: 50px;
  position: fixed;
  display: block;
  left: 20px;
  top: 18px;
  z-index: 2500; }
  @media only screen and (max-width: 768px) {
    a#menu-icon.tool-tip-active {
      display: none; } }
  @media only screen and (max-width: 768px) {
    a#menu-icon {
      height: 40px;
      width: 40px;
      left: 5px;
      top: 5px; } }
  a#menu-icon div.menu-bar {
    width: 35px;
    height: 2px;
    position: absolute;
    left: 7px;
    background: #000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out; }
    @media only screen and (max-width: 768px) {
      a#menu-icon div.menu-bar {
        width: 27px; } }
    a#menu-icon div.menu-bar.one {
      top: 15px; }
      @media only screen and (max-width: 768px) {
        a#menu-icon div.menu-bar.one {
          top: 13px; } }
    a#menu-icon div.menu-bar.two {
      top: 24px; }
      @media only screen and (max-width: 768px) {
        a#menu-icon div.menu-bar.two {
          top: 19px; } }
    a#menu-icon div.menu-bar.three {
      top: 33px; }
      @media only screen and (max-width: 768px) {
        a#menu-icon div.menu-bar.three {
          top: 25px; } }
  a#menu-icon.is-white div.menu-bar {
    background: #FFF; }
  a#menu-icon.menu-is-open div.menu-bar {
    background: #FFF; }
    a#menu-icon.menu-is-open div.menu-bar.one {
      top: 24px;
      -ms-transform: rotate(45deg);
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      /* Safari */
      transform: rotate(45deg); }
    a#menu-icon.menu-is-open div.menu-bar.two {
      top: 24px;
      -ms-transform: rotate(-45deg);
      /* IE 9 */
      -webkit-transform: rotate(-45deg);
      /* Safari */
      transform: rotate(-45deg); }
    a#menu-icon.menu-is-open div.menu-bar.three {
      top: 33px;
      opacity: 0; }

/************************************************************
*	USER GATE
*/
#user-gate {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  z-index: 6000;
  font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
  /************************************************************
*	BEGIN SOCIAL SIGN IN 
*/
  /************************************************************
*	BEGIN REQEUST FORM
*/ }
  #user-gate.fadedIn {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    height: 100%;
    overflow-y: scroll; }
    #user-gate.fadedIn #overlay-background {
      height: 100%; }
    #user-gate.fadedIn #menu-content {
      height: 360px; }
      @media only screen and (max-width: 768px) {
        #user-gate.fadedIn #menu-content {
          height: 500px; } }
      @media only screen and (max-width: 320px) {
        #user-gate.fadedIn #menu-content {
          height: 450px; } }
  #user-gate.hidden {
    height: 0;
    overflow: hidden; }
    #user-gate.hidden #overlay-background {
      height: 0; }
    #user-gate.hidden #menu-content {
      height: 0; }
      @media only screen and (max-width: 768px) {
        #user-gate.hidden #menu-content {
          height: 0; } }
  #user-gate #overlay-background {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.92; }
  #user-gate a#gate-menu-icon {
    width: 50px;
    height: 50px;
    position: fixed;
    display: block;
    left: 20px;
    top: 18px;
    z-index: 2500; }
    @media only screen and (max-width: 768px) {
      #user-gate a#gate-menu-icon.tool-tip-active {

        display: none; } }
    @media only screen and (max-width: 768px) {
      #user-gate a#gate-menu-icon {
        height: 40px;
        width: 40px;
        left: 5px;
        top: 5px; } }
    #user-gate a#gate-menu-icon div.menu-bar {
      width: 35px;
      height: 2px;
      position: absolute;
      left: 7px;
      background: #FFF; }
      @media only screen and (max-width: 768px) {
        #user-gate a#gate-menu-icon div.menu-bar {
          width: 27px; } }
      #user-gate a#gate-menu-icon div.menu-bar.one {
        top: 24px;
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Safari */
        transform: rotate(45deg); }
        @media only screen and (max-width: 768px) {
          #user-gate a#gate-menu-icon div.menu-bar.one {
            top: 24px; } }
      #user-gate a#gate-menu-icon div.menu-bar.two {
        top: 24px;
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari */
        transform: rotate(-45deg); }
        @media only screen and (max-width: 768px) {
          #user-gate a#gate-menu-icon div.menu-bar.two {
            top: 24px; } }
  #user-gate #social-sign-in {
    width: 450px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -160px; }
    @media only screen and (max-width: 768px) {
      #user-gate #social-sign-in {
        width: 100%;
        margin-left: 0px;
        left: 0%; } }
    #user-gate #social-sign-in p.sign-in {
       font-family: Helvetica;
      font-size: 30px;
      color: #FFF;
      text-align: center;
      margin-bottom: 45px;
      color: #FFF; }
    #user-gate #social-sign-in a.social-sign-in-button {
       font-family: Helvetica;
      width: 220px;
      height: 33px;
      border-radius: 8px;
      padding-left: 60px;
      display: block;
      font-size: 18px;
      margin: auto;
      margin-bottom: 15px;
      position: relative;
      padding-top: 16px;
      text-transform: none;
      color: #FFF;
      text-decoration: none; }
      #user-gate #social-sign-in a.social-sign-in-button div.icon {
        position: absolute; }
      #user-gate #social-sign-in a.social-sign-in-button#tw-single-sign-on {
        background: #55ACEE; }
        #user-gate #social-sign-in a.social-sign-in-button#tw-single-sign-on div.icon {
          width: 23px;
          height: 18px;
          background: url(./images/tw_ss_icon.png) top left no-repeat;
          top: 16px;
          left: 15px; }
      #user-gate #social-sign-in a.social-sign-in-button#fb-single-sign-on {
         font-family: Helvetica;
        background: #3A5795;
        margin-bottom: 35px; }
        #user-gate #social-sign-in a.social-sign-in-button#fb-single-sign-on div.icon {
          width: 14px;
          height: 23px;
          background: url(./images/fb_ss_icon.png) top left no-repeat;
          top: 12px;
          left: 17px; }
    #user-gate #social-sign-in p.ss-info {
       font-family: Helvetica;
      font-size: 14px;
      color: #FFF;
      text-align: center;
      margin-bottom: 45px;
      color: #B3B3B1;
      line-height: 18px; }
  #user-gate #request-form {
    width: 450px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -225px;
    background: #000;
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
    @media only screen and (max-width: 768px) {
      #user-gate #request-form {
        width: 90%;
        margin: 0 auto;
        height: auto;
        position: static;
        margin-top: 80px; } }
    #user-gate #request-form p.header {
      font-size: 26px;
      line-height: 32px;
      color: #FFF;
      font-weight: 500;
      margin-bottom: 10px; }
    #user-gate #request-form p.subhead {
      font-size: 16px;
      line-height: 20px;
      color: #B3B3B1;
      margin-bottom: 20px; }
    #user-gate #request-form div.input-wrapper {
      width: 85%;
      height: 45px;
      background: #D8D8D8;
      position: relative;
      padding-left: 15%;
      margin-bottom: 15px; }
      #user-gate #request-form div.input-wrapper input {
        position: absolute;
        width: 85%;
        left: 15%;
        top: 2px;
        background: none;
        border: 0px;
        height: 90%;
        font-size: 16px;
        line-height: 16px;
        color: #777;
        font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
        #user-gate #request-form div.input-wrapper input:focus {
          outline: 0; }
      #user-gate #request-form div.input-wrapper div.icon {
        position: absolute; }
        #user-gate #request-form div.input-wrapper div.icon.name {
          height: 24px;
          width: 18px;
          top: 11px;
          left: 20px;
          background: url(./images/form_name_icon.png) top left no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #user-gate #request-form div.input-wrapper div.icon.name {
              background: url(./images/form_name_icon@2x.png) top left no-repeat;
              background-size: 100%; } }
        #user-gate #request-form div.input-wrapper div.icon.email {
          height: 17px;
          width: 24px;
          top: 14px;
          left: 17px;
          background: url(./images/form_email_icon.png) top left no-repeat;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #user-gate #request-form div.input-wrapper div.icon.email {
              background: url(./images/form_email_icon@2x.png) top left no-repeat;
              background-size: 100%; } }
    #user-gate #request-form textarea {
      height: 90px;
      width: 93%;
      background: #D8D8D8;
      margin: 0px;
      padding: 3%;
      font-size: 16px;
      color: #777777;
      margin-bottom: 13px;
      font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
    #user-gate #request-form a.send-request-button {
      width: 100%;
      height: 36px;
      padding-top: 14px;
      border-radius: 8px;
      text-align: center;
      display: block;
      font-size: 20px;
      color: #fff;
      background: #1B8CD5;
      text-decoration: none;
      position: relative; }
      #user-gate #request-form a.send-request-button div.icon {
        background: url(./images/send_request_arrow.png) top left no-repeat;
        left: 50%;
        margin-left: -120px;
        top: 10px;
        height: 27px;
        width: 30px;
        position: absolute;
        /* 1.5 dpr */ }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          #user-gate #request-form a.send-request-button div.icon {
            background: url(./images/send_request_arrow@2x.png) top left no-repeat;
            background-size: 100%; } }

/************************************************************
*	BEGIN FOOTER
*/
#footer {
  height: 90px;
  width: 100%;
  background: #EFEFEF;
  margin-top: 200px; }
  @media only screen and (max-width: 768px) {
    #footer {
      height: 125px; } }
  #footer div.center {
    width: 600px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      #footer div.center {
        width: 100%;
        margin: none; } }
    #footer div.center ul.links {
      height: 20px;
      padding-top: 37px;
      float: left; }
      @media only screen and (max-width: 768px) {
        #footer div.center ul.links {
          padding-top: 15px;
          width: 310px;
          margin: 0 auto;
          float: none; } }
      #footer div.center ul.links li {
        height: 20px;
        float: left;
        margin-right: 20px; }
        @media only screen and (max-width: 768px) {
          #footer div.center ul.links li {
            margin-right: 16px; } }
        #footer div.center ul.links li a.footer-link {
          font-size: 14px;
          color: #979797;
          text-decoration: none; }
          #footer div.center ul.links li a.footer-link:hover {
            color: #666666; }
          @media only screen and (max-width: 768px) {
            #footer div.center ul.links li a.footer-link {
              font-size: 12px; } }
    #footer div.center div.follow {
      height: 40px;
      float: right;
      width: 145px;
      padding-top: 24px; }
      @media only screen and (max-width: 768px) {
        #footer div.center div.follow {
          float: none;
          margin: 0 auto; } }
      #footer div.center div.follow p {
        float: left;
        font-size: 14px;
        color: #979797;
        display: block;
        height: 25px;
        padding-top: 15px; }
      #footer div.center div.follow ul.follow-links {
        height: 40px;
        float: right; }
        #footer div.center div.follow ul.follow-links li {
          float: right;
          margin-left: 5px; }
          #footer div.center div.follow ul.follow-links li a.sm-follow {
            display: block;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            border: 1px solid #1B8CD5; }
            #footer div.center div.follow ul.follow-links li a.sm-follow.twitter {
              background: url(./images/twitter_footer.png) no-repeat;
              background-position: 10px 12px;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #footer div.center div.follow ul.follow-links li a.sm-follow.twitter {
                  background: url(./images/twitter_footer@2x.png) no-repeat;
                  background-size: 48%;
                  background-position: 11px 13px; } }
            #footer div.center div.follow ul.follow-links li a.sm-follow.facebook {
              background: url(./images/facebook_footer.png) no-repeat;
              background-position: 14px 10px;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #footer div.center div.follow ul.follow-links li a.sm-follow.facebook {
                  background: url(./images/facebook_footer@2x.png) no-repeat;
                  background-size: 25%;
                  background-position: 14px 11px; } }

/************************************************************
*	CATEGORY HERO AREA
*/
#category-hero {
  width: 100%;
  position: relative;
  height: auto;
  margin-bottom: 15px;
  overflow: hidden; }
  #category-hero #image-area {
    width: 100%;
    position: relative; }
    #category-hero #image-area #tint {
      position: absolute;
      top: 0px;
      left: 0px;
      background: #000;
      height: 100%;
      width: 100%;
      opacity: 0.7; }
    #category-hero #image-area img {
      width: 100%;
      border: 0px;
      padding: 0px;
      margin: 0px; }
  #category-hero #headline {
    width: 700px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -300px; }
    #category-hero #headline h3 {
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase;
      color: #F0950C;
      margin-bottom: 8px; }
      #category-hero #headline h3 span.circle-decoration {
        height: 4px;
        width: 4px;
        border-radius: 2px;
        position: relative;
        top: -5px;
        display: inline-block;
        background-color: #F0950C;
        margin-left: 4px;
        margin-right: 4px; }
      #category-hero #headline h3 span.cat-descrip {
        font-weight: 400;
        text-transform: none; }
    #category-hero #headline h4 {
      font-size: 45px;
      line-height: 55px;
      color: #FFF; }

/************************************************************
*	SCALE TEST
*/
#full-bleed-hero {
  background: #000;
  width: 100%;
  padding-bottom: 41.666%;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    #full-bleed-hero {
      padding-bottom: 100%; } }
  #full-bleed-hero.story-detail {
    margin-bottom: 35px; }
    @media only screen and (max-width: 768px) {
      #full-bleed-hero.story-detail {
        padding-bottom: 60%; } }
  #full-bleed-hero #fluid-image img {
    left: 50%;
    top: 50%;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out; }
  #full-bleed-hero #tint {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    height: 100%;
    width: 100%;
    opacity: 0.65; }
  #full-bleed-hero #headline {
    width: 700px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -350px;
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
    font-weight: 600; }
     #headline h4 {
       font-family: Helvetica;
     } 
    @media only screen and (max-width: 768px) {
      #full-bleed-hero #headline {
        width: 90%;
        left: 5%;
        margin-left: 0px; } }
    @media only screen and (max-width: 1024px) {
      #full-bleed-hero #headline {
        bottom: 20px; } }
    #full-bleed-hero #headline h3 {
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase;
      color: #F0950C;
      margin-bottom: 8px; }
      @media only screen and (max-width: 1024px) {
        #full-bleed-hero #headline h3 {
          font-size: 18px; } }
      #full-bleed-hero #headline h3 span.circle-decoration {
        height: 4px;
        width: 4px;
        border-radius: 2px;
        position: relative;
        top: -5px;
        display: inline-block;
        background-color: #F0950C;
        margin-left: 4px;
        margin-right: 4px; }
        @media only screen and (max-width: 768px) {
          #full-bleed-hero #headline h3 span.circle-decoration {
            display: none; } }
      #full-bleed-hero #headline h3 span.cat-descrip {
        font-weight: 400;
        text-transform: none; }
        @media only screen and (max-width: 768px) {
          #full-bleed-hero #headline h3 span.cat-descrip {
              font-family: Helvetica;
            display: none; }
             }
    #full-bleed-hero #headline h4 {
       font-family: Helvetica;
      font-size: 43px;
      line-height: 55px;
      color: #FFF; }
      @media only screen and (max-width: 1024px) {
        #full-bleed-hero #headline h4 {
          float: none;
          margin: 0 auto;
          font-size: 37px;
          line-height: 43px; } }
      @media only screen and (max-width: 768px) {
        #full-bleed-hero #headline h4 {
          font-size: 30px;
          line-height: 36px; } }
      @media only screen and (max-width: 320px) {
        #full-bleed-hero #headline h4 {
          font-size: 26px;
          line-height: 30px; } }
  #full-bleed-hero #category-description {
    width: 90%;
    height: 150px;
    position: absolute;
    bottom: 50px;
    left: 5%;
    top: 50%;
    margin-top: -55px;
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
    font-weight: 600;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #full-bleed-hero #category-description {
        margin-top: -40px; } }
    #full-bleed-hero #category-description h2 {
      font-size: 100px;
      color: #FFF;
      letter-spacing: 6px;
      font-weight: 500;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        #full-bleed-hero #category-description h2 {
          font-size: 60px;
          letter-spacing: 4px; } }
    #full-bleed-hero #category-description p {
      font-size: 16px;
      line-height: 20px;
      color: #FFF;
      font-weight: 400; }

/************************************************************
*	MAIN STORY LIST
*/
#main-story-feed {
  width: 700px;
  margin: 0 auto;
  position: relative; }
  #main-story-feed #is-editing-profile-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    opacity: 0.95;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s; }
    #main-story-feed #is-editing-profile-overlay.is-hidden {
      height: 0px;
      width: 0px;
      opacity: 0; }
  @media only screen and (max-width: 768px) {
    #main-story-feed {
      width: 90%; } }
  #main-story-feed div.story {
    padding-bottom: 25px;
    margin-top: 25px;
    width: 100%;
    border-bottom: 1px solid #D8D8D8; }
    #main-story-feed div.story div.story-top {
      width: 100%;
      margin-bottom: 15px; }
      #main-story-feed div.story div.story-top div.author {
        float: left; font-family:Georgia;}
      #main-story-feed div.story div.story-top div.recommend {
        margin-top: 12px;
        float: right; }
    #main-story-feed div.story div.story-body {
      width: 100%;
      margin-bottom: 20px; }
      #main-story-feed div.story div.story-body img {
        width: 100%;
        margin-bottom: 20px; }
      #main-story-feed div.story div.story-body div.scale-image {
        width: 100%;
        padding-bottom: 40%;
        background: #333;
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover; }
      #main-story-feed div.story div.story-body h4 {
        color: #000;
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        margin-bottom: 10px;
        font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
        @media only screen and (max-width: 768px) {
          #main-story-feed div.story div.story-body h4 {
            font-size: 30px;
            line-height: 36px; } }
        @media only screen and (max-width: 320px) {
          #main-story-feed div.story div.story-body h4 {
            font-size: 26px;
            line-height: 32px; } }
        #main-story-feed div.story div.story-body h4 a {
          text-decoration: inherit;
          color: inherit; }
      #main-story-feed div.story div.story-body p, #main-story-feed div.story div.story-body .content {
        color: #666666;
        font-size: 18px;
        line-height: 26px;
        font-weight: 200;
        margin-bottom: 15px; }
      #main-story-feed div.story div.story-body a.read-more {
        font-size: 20px;
        color: #1B8CD5;
        text-decoration: none;
        font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
        font-weight: 500; }
        #main-story-feed div.story div.story-body a.read-more:hover {
          color: #0168AB; }
    #main-story-feed div.story div.story-meta {
      width: 100%; }
      #main-story-feed div.story div.story-meta div.tags {
        height: 20px;
        float: left; }
    #main-story-feed div.story div.read-length {
      float: right;
      font-size: 14px;
      color: #979797;
      margin-top: 5px; }
  #main-story-feed div.load-more-button {
    cursor: pointer;
    width: 100%;
    height: 38px;
    background: #EFEFEF;
    border-radius: 6px;
    text-align: center;
    font-size: 21px;
    color: #1B8CD5;
    padding-top: 17px;
    margin-top: 30px;
    display: block;
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out; }
    #main-story-feed div.load-more-button div.arrow {
      height: 31px;
      width: 31px;
      background: url(./images/load_more_arrow.png) no-repeat;
      background-position: 0 -32px;
      overflow: hidden;
      position: absolute;
      top: -4px;
      left: 50%;
      margin-left: -100px;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      /* 1.5 dpr */ }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        #main-story-feed div.load-more-button div.arrow {
          background: url(./images/load_more_arrow@2x.png) no-repeat;
          background-size: 100%;
          background-position: 0 -32px; } }
    #main-story-feed div.load-more-button:hover {
      background: #1B8CD5;
      color: #FFF; }
      #main-story-feed div.load-more-button:hover div.arrow {
        background-position: 0 0; }

/************************************************************
*	STORY DETAIL PAGE / COMPOSE STORY / PREVIEW STORY
*/
#story-detail div.editable-wrapper:focus {
  outline: none; }
@media only screen and (max-width: 768px) {
  #story-detail div.editable-wrapper {
    padding-left: 30px; } }
#story-detail #story-intro {
  width: 700px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px; }
  #story-detail #story-intro div.edit-icon {
    top: 9px; }
    @media only screen and (max-width: 768px) {
      #story-detail #story-intro div.edit-icon {
        top: 5px; } }
  @media only screen and (max-width: 768px) {
    #story-detail #story-intro {
      width: 90%; } }
  #story-detail #story-intro h2 {
    font-size: 45px;
    color: #000;
    margin-top: 40px;
    line-height: 55px;
    margin-bottom: 20px;
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
    font-weight: 500; }
    @media only screen and (max-width: 1024px) {
      #story-detail #story-intro h2 {
        margin-top: 30px;
        font-size: 37px;
        line-height: 43px; } }
    @media only screen and (max-width: 768px) {
      #story-detail #story-intro h2 {
        margin-top: 0px;
        font-size: 30px;
        line-height: 36px; } }
    @media only screen and (max-width: 320px) {
      #story-detail #story-intro h2 {
        font-size: 26px;
        line-height: 30px; } }
    #story-detail #story-intro h2 div.editable-wrapper.not-edited-yet {
      color: #999; }
  #story-detail #story-intro div.author {
    float: left; }
  #story-detail #story-intro div.recommend {
    float: right;
    margin-top: 10px; }
#story-detail #manage-story-actions {
  width: 100%; }
  #story-detail #manage-story-actions ul.actions {
    width: 100%;
    height: 38px;
    margin-bottom: 30px; }
    #story-detail #manage-story-actions ul.actions li {
      height: 38px;
      float: left;
      margin-right: 10px; }
      #story-detail #manage-story-actions ul.actions li.last {
        float: right;
        margin-right: 0px; }
      #story-detail #manage-story-actions ul.actions li a.action {
        height: 26px;
        width: 100px;
        border: 1px solid #DADADA;
        display: block;
        border-radius: 4px;
        position: relative;
        text-align: center;
        padding-left: 12px;
        font-size: 14px;
        color: #000;
        text-decoration: none;
        padding-top: 12px; }
        #story-detail #manage-story-actions ul.actions li a.action div.edit-story-icon {
          height: 15px;
          width: 15px;
          background: url(./images/edit_manage_action.png) no-repeat;
          background-position: 0 0;
          top: 11px;
          left: 15px;
          position: absolute;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #story-detail #manage-story-actions ul.actions li a.action div.edit-story-icon {
              background: url(./images/edit_manage_action@2x.png) no-repeat;
              background-size: 100%; } }
        #story-detail #manage-story-actions ul.actions li a.action div.hide-story-icon {
          height: 22px;
          width: 28px;
          background: url(./images/hide.png) no-repeat;
          background-position: 0 0;
          top: 8px;
          left: 11px;
          position: absolute;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #story-detail #manage-story-actions ul.actions li a.action div.hide-story-icon {
              background: url(./images/hide@2x.png) no-repeat;
              background-size: 100%; } }
        #story-detail #manage-story-actions ul.actions li a.action div.show-story-icon {
          height: 14px;
          width: 22px;
          background: url(./images/show_story_icon.png) no-repeat;
          background-position: 0 0;
          top: 12px;
          left: 13px;
          position: absolute;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #story-detail #manage-story-actions ul.actions li a.action div.show-story-icon {
              background: url(./images/show_story_icon@2x.png) no-repeat;
              background-size: 100%; } }
        #story-detail #manage-story-actions ul.actions li a.action div.delete-story-icon {
          height: 17px;
          width: 17px;
          background: url(./images/delete_story_icon.png) no-repeat;
          background-position: 0 0;
          top: 10px;
          left: 12px;
          position: absolute;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #story-detail #manage-story-actions ul.actions li a.action div.delete-story-icon {
              background: url(./images/delete_story_icon@2x.png) no-repeat;
              background-size: 100%; } }
        #story-detail #manage-story-actions ul.actions li a.action div.feature-story-icon {
          height: 17px;
          width: 17px;
          background: url(./images/feature_icon.png) no-repeat;
          background-position: 0 0;
          top: 10px;
          left: 12px;
          position: absolute;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #story-detail #manage-story-actions ul.actions li a.action div.feature-story-icon {
              background: url(./images/feature_icon@2x.png) no-repeat;
              background-size: 100%; } }
#story-detail #manage-stories-tags {
  font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
  #story-detail #manage-stories-tags ul.tags {
    width: 100%;
    height: 28px; }
    #story-detail #manage-stories-tags ul.tags li {
      height: 28px;
      float: left; }
      #story-detail #manage-stories-tags ul.tags li p {
        font-size: 14px;
        color: #000;
        padding-top: 8px;
        margin-right: 8px;
        font-weight: 500; }
      #story-detail #manage-stories-tags ul.tags li a.tag {
        height: 22px;
        width: 80px;
        text-align: center;
        border: 1px solid #979797;
        border-radius: 40px;
        color: #979797;
        display: block;
        text-decoration: none;
        padding-top: 6px;
        margin-right: 4px;
        font-size: 14px;
        font-weight: 500; }
        #story-detail #manage-stories-tags ul.tags li a.tag.active {
          border: none;
          background: #1B8CD5;
          height: 22px;
          width: 82px;
          color: #FFF;
          padding-top: 8px; }
#story-detail #story-image {
  margin-top: 20px;
  margin-bottom: 35px; }
  @media only screen and (max-width: 768px) {
    #story-detail #story-image {
      margin-bottom: 20px; } }
  #story-detail #story-image img {
    width: 100%; }
  #story-detail #story-image #upload-container, #story-detail #story-image .image-uploader {
    width: 700px;
    margin: 0 auto;
    height: 165px;
    border-radius: 7px;
    background: #efefef;
    cursor: pointer;
    padding: 0px;
    border: 2px dotted #979797; }
    @media only screen and (max-width: 768px) {
      #story-detail #story-image #upload-container, #story-detail #story-image .image-uploader {
        width: 90%; } }
#story-detail #story-body {
  width: 700px;
  margin: 0 auto;
  position: relative; }
  #story-detail #story-body div.edit-icon {
    top: -8px; }
    @media only screen and (max-width: 768px) {
      #story-detail #story-body div.edit-icon {
        top: 0px; } }
  @media only screen and (max-width: 768px) {
    #story-detail #story-body {
      width: 90%; } }
  #story-detail #story-body p, #story-detail #story-body .content, #story-detail #story-body .editor-placeholder {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 30px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-weight: 400; }
  #story-detail #story-body blockquote {
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 30px;
    font-weight: bold;
    font-style: italic; }
  #story-detail #story-body div.editable-wrapper.not-edited-yet p {
    color: #999; }
#story-detail #story-footer {
  padding-bottom: 25px;
  border-bottom: 1px solid #D8D8D8;
  width: 700px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    #story-detail #story-footer {
      width: 90%; } }
  #story-detail #story-footer #social {
    width: 100%; }
    #story-detail #story-footer #social.expanded #share-tools ul#main-share li div.plus span.hr {
      opacity: 0;
      -ms-transform: rotate(45deg);
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      /* Safari */
      transform: rotate(45deg); }
    #story-detail #story-footer #social #share-tools {
      float: left; }
      @media only screen and (max-width: 768px) {
        #story-detail #story-footer #social #share-tools {
          float: none;
          margin-bottom: 8px; } }
      #story-detail #story-footer #social #share-tools ul#main-share {
        height: 40px;
        float: left; }
        #story-detail #story-footer #social #share-tools ul#main-share li {
          float: left;
          height: 40px;
          margin-right: 6px; }
          #story-detail #story-footer #social #share-tools ul#main-share li.last {
            margin-right: 0px; }
          #story-detail #story-footer #social #share-tools ul#main-share li div.plus {
            height: 40px;
            width: 40px;
            background: #C4C3C3;
            border-radius: 50%;
            cursor: pointer;
            position: relative; }
            #story-detail #story-footer #social #share-tools ul#main-share li div.plus span.vr {
              position: absolute;
              width: 20px;
              height: 2px;
              left: 10px;
              top: 19px;
              background: #FFF; }
            #story-detail #story-footer #social #share-tools ul#main-share li div.plus span.hr {
              position: absolute;
              width: 2px;
              height: 20px;
              left: 19px;
              top: 10px;
              background: #FFF;
              -webkit-transition: all 0.2s ease-out;
              -moz-transition: all 0.2s ease-out;
              -o-transition: all 0.2s ease-out;
              opacity: 1; }
          #story-detail #story-footer #social #share-tools ul#main-share li a.share-button {
            width: 120px;
            height: 25px;
            background: #000;
            display: block;
            border-radius: 40px;
            color: #FFF;
            font-size: 12px;
            padding-top: 15px;
            padding-left: 38px;
            text-decoration: none;
            font-weight: 600; }
            @media only screen and (max-width: 768px) {
              #story-detail #story-footer #social #share-tools ul#main-share li a.share-button {
                width: 78px;
                font-size: 14px;
                padding-top: 12px;
                height: 26px;
                padding-left: 42px;
                width: 75px; } }
            @media only screen and (max-width: 768px) {
              #story-detail #story-footer #social #share-tools ul#main-share li a.share-button span.share-lang {
                display: none; } }
            #story-detail #story-footer #social #share-tools ul#main-share li a.share-button.facebook {
              background: url(./images/facebook_share.png) no-repeat #3A5795;
              background-position: 15px 9px;
              padding-left: 34px;
              width: 128px;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #story-detail #story-footer #social #share-tools ul#main-share li a.share-button.facebook {
                  background: url(./images/facebook_share@2x.png) no-repeat #3A5795;
                  background-position: 14px 9px;
                  background-size: 8%; } }
              @media only screen and (max-width: 768px) {
                #story-detail #story-footer #social #share-tools ul#main-share li a.share-button.facebook {
                  padding-left: 42px;
                  width: 75px; } }
            #story-detail #story-footer #social #share-tools ul#main-share li a.share-button.twitter {
              background: url(./images/twitter_share.png) no-repeat #55ACEE;
              background-position: 14px 10px;
              padding-left: 42px;
              width: 120px;
              /* 1.5 dpr */ }
              @media only screen and (max-width: 768px) {
                #story-detail #story-footer #social #share-tools ul#main-share li a.share-button.twitter {
                  padding-left: 42px;
                  width: 75px; } }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #story-detail #story-footer #social #share-tools ul#main-share li a.share-button.twitter {
                  background: url(./images/twitter_share@2x.png) no-repeat #55ACEE;
                  background-position: 14px 12px;
                  background-size: 14%; } }
      #story-detail #story-footer #social #share-tools ul#secondary-share {
        height: 0px;
        display: block;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-out;
        -moz-transition: opacity 0.4s ease-out;
        -o-transition: opacity 0.4s ease-out; }
        #story-detail #story-footer #social #share-tools ul#secondary-share li {
          float: left;
          height: 40px;
          margin-right: 7px; }
          #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button {
            width: 74px;
            height: 40px;
            border-radius: 40px;
            display: block;
            background-position: center; }
            #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button.google-plus {
              background-image: url(./images/google_plus_share.png);
              background-repeat: no-repeat;
              background-color: #C14A33; }
            #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button.google-plus {
              background-image: url(./images/google_plus_share.png);
              background-repeat: no-repeat;
              background-color: #C14A33; }
            #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button.linkedIn {
              background-image: url(./images/linkedIn_share.png);
              background-repeat: no-repeat;
              background-color: #0076B7;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button.linkedIn {
                  background: url(./images/linkedIn_share@2x.png) no-repeat #55ACEE;
                  background-position: 28px 10px;
                  background-size: 25%; } }
            #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button.email {
              background-image: url(./images/email_share.png);
              background-repeat: no-repeat;
              background-color: #7FA1B4;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #story-detail #story-footer #social #share-tools ul#secondary-share li a.share-button.email {
                  background: url(./images/email_share@2x.png) no-repeat #7FA1B4;
                  background-position: 26px 12px;
                  background-size: 31%; } }
    #story-detail #story-footer #social a.recommend-button {
      font-weight: 600;
      float: right;
      width: 105px;
      height: 26px;
      border: 2px solid #979797;
      display: block;
      border-radius: 40px;
      color: #979797;
      font-size: 12px;
      padding-top: 14px;
      text-decoration: none;
      background-position: 12px 10px;
      position: relative;
      padding-left: 50px; }
      #story-detail #story-footer #social a.recommend-button div.heart {
        position: absolute;
        top: 10px;
        left: 14px;
        height: 20px;
        width: 21px;
        background-position: 0 0;
        background: url(./images/heart_recommend.png) no-repeat;
        /* 1.5 dpr */ }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          #story-detail #story-footer #social a.recommend-button div.heart {
            background: url(./images/heart_recommend@2x.png) no-repeat;
            background-size: 100%; } }
      @media only screen and (max-width: 768px) {
        #story-detail #story-footer #social a.recommend-button {
          float: none;
          margin-top: 6px; } }
      #story-detail #story-footer #social a.recommend-button.active {
        background: #1B8CD5;
        border: 2px solid #1B8CD5;
        color: #FFF;
        width: 97px;
        padding-left: 58px; }
        #story-detail #story-footer #social a.recommend-button.active div.heart {
          background-position: 0 -20px; }
    #story-detail #story-footer #social.expanded #share-tools ul#secondary-share {
      height: 40px;
      display: block;
      width: 100%;
      margin-top: 6px;
      opacity: 1; }
  #story-detail #story-footer div.story-meta {
    width: 100%;
    margin-top: 25px; }

/************************************************************
*	COMPOSE STORY - FINISH OVERLAY
*/
#finish-overlay {
  height: 100%;
  width: 100%;
  background: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
  display: none; }
  #finish-overlay div.relative {
    overflow-y: scroll; }
    #finish-overlay div.relative #content {
      margin: 0 auto;
      margin-top: 170px;
      width: 590px;
      margin-bottom: 100px;
      font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
      @media only screen and (max-width: 768px) {
        #finish-overlay div.relative #content {
          width: 90%;
          margin-top: 80px;
          margin-bottom: 130px; } }
      #finish-overlay div.relative #content h4 {
        font-size: 24px;
        color: #000;
        line-height: 30px;
        margin-bottom: 7px; }
      #finish-overlay div.relative #content #top-directions {
        width: 100%;
        text-align: center;
        padding-bottom: 25px;
        border-bottom: 1px solid #D8D8D8;
        /*h4 {
							font-size: 24px;
							color:#000;
							line-height: 30px;
							margin-bottom: 5px;
						}*/ }
        #finish-overlay div.relative #content #top-directions p {
          font-size: 16px;
          color: #666666;
          font-size: 16px; }
      #finish-overlay div.relative #content #summary-details {
        margin-top: 15px;
        padding-bottom: 25px;
        border-bottom: 1px solid #D8D8D8;
        margin-bottom: 25px; }
        #finish-overlay div.relative #content #summary-details h4 {
          margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          #finish-overlay div.relative #content #summary-details div.story-info {
            padding-left: 30px; } }
        #finish-overlay div.relative #content #summary-details div.story-info div.summary {
          position: relative;
          min-height: 50px;
          margin-bottom: 20px; }
          #finish-overlay div.relative #content #summary-details div.story-info div.summary p {
            font-size: 18px;
            color: #666666;
            line-height: 24px; }
          #finish-overlay div.relative #content #summary-details div.story-info div.summary div.edit-icon {
            left: -50px;
            top: 0px;
            width: 32px;
            height: 29px;
            background-size: 50%;
            background-position: 8px 6px; }
            @media only screen and (max-width: 768px) {
              #finish-overlay div.relative #content #summary-details div.story-info div.summary div.edit-icon {
                width: 21px;
                height: 23px;
                background-position: 5px 6px;
                left: -30px;
                top: 1px; } }
        #finish-overlay div.relative #content #summary-details ul.tag-list {
          width: 100%;
          height: 30px;
          margin-bottom: 15px; }
          @media only screen and (max-width: 768px) {
            #finish-overlay div.relative #content #summary-details ul.tag-list {
              display: block;
              height: auto; } }
          #finish-overlay div.relative #content #summary-details ul.tag-list li {
            float: left;
            height: 35px; }
            #finish-overlay div.relative #content #summary-details ul.tag-list li.label {
              margin-right: 12px; }
              @media only screen and (max-width: 768px) {
                #finish-overlay div.relative #content #summary-details ul.tag-list li.label {
                  float: none;
                  display: block; } }
              #finish-overlay div.relative #content #summary-details ul.tag-list li.label h4 {
                font-size: 22px;
                text-align: left; }
            #finish-overlay div.relative #content #summary-details ul.tag-list li.tag {
              margin-right: 6px; }
              #finish-overlay div.relative #content #summary-details ul.tag-list li.tag a {
                width: 100px;
                height: 23px;
                border: 1px solid #979797;
                border-radius: 40px;
                text-align: center;
                text-decoration: none;
                color: #979797;
                display: block;
                margin-top: 3px;
                padding-top: 5px; }
                #finish-overlay div.relative #content #summary-details ul.tag-list li.tag a.active {
                  background: #1B8CD5;
                  color: #FFF;
                  border: none;
                  height: 25px;
                  width: 102px; }
        #finish-overlay div.relative #content #summary-details p.tag-descrip {
          font-size: 13px;
          color: #979797; }
          @media only screen and (max-width: 768px) {
            #finish-overlay div.relative #content #summary-details p.tag-descrip {
              margin-top: 20px; } }
      #finish-overlay div.relative #content #action-area {
        width: 100%;
        height: 40px; }
        @media only screen and (max-width: 768px) {
          #finish-overlay div.relative #content #action-area {
            height: auto; } }
        #finish-overlay div.relative #content #action-area ul.action-list {
          width: 100%;
          height: 40px; }
          @media only screen and (max-width: 768px) {
            #finish-overlay div.relative #content #action-area ul.action-list {
              height: auto; } }
          #finish-overlay div.relative #content #action-area ul.action-list li {
            float: left;
            margin-right: 8px; }
            #finish-overlay div.relative #content #action-area ul.action-list li.last {
              margin-right: 0px; }
            @media only screen and (max-width: 768px) {
              #finish-overlay div.relative #content #action-area ul.action-list li {
                width: 100%;
                margin-top: 0px;
                float: none;
                display: block; } }
            #finish-overlay div.relative #content #action-area ul.action-list li a.action-button {
              height: 28px;
              width: 178px;
              display: block;
              border-radius: 20px;
              border: 1px solid #000;
              padding-left: 10px;
              text-align: center;
              font-size: 16px;
              color: #000;
              text-decoration: none;
              padding-top: 10px;
              position: relative; }
              @media only screen and (max-width: 768px) {
                #finish-overlay div.relative #content #action-area ul.action-list li a.action-button {
                  width: 100%;
                  margin-top: 10px;
                  padding-left: 0px; } }
              #finish-overlay div.relative #content #action-area ul.action-list li a.action-button div.continue-editing-icon {
                background: url(./images/continue_editing_icon.png) no-repeat;
                background-position: 0 0;
                width: 18px;
                height: 17px;
                top: 10px;
                left: 12px;
                position: absolute;
                /* 1.5 dpr */ }
                @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                  #finish-overlay div.relative #content #action-area ul.action-list li a.action-button div.continue-editing-icon {
                    background: url(./images/continue_editing_icon@2x.png) no-repeat;
                    background-size: 100%; } }
                @media only screen and (max-width: 768px) {
                  #finish-overlay div.relative #content #action-area ul.action-list li a.action-button div.continue-editing-icon {
                    left: 30px; } }
              #finish-overlay div.relative #content #action-area ul.action-list li a.action-button div.save-to-drafts-icon {
                background: url(./images/save_to_drafts.png) no-repeat;
                background-position: 0 0;
                width: 21px;
                height: 20px;
                top: 10px;
                left: 13px;
                position: absolute;
                /* 1.5 dpr */ }
                @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                  #finish-overlay div.relative #content #action-area ul.action-list li a.action-button div.save-to-drafts-icon {
                    background: url(./images/save_to_drafts@2x.png) no-repeat;
                    background-size: 100%; } }
                @media only screen and (max-width: 768px) {
                  #finish-overlay div.relative #content #action-area ul.action-list li a.action-button div.save-to-drafts-icon {
                    left: 30px; } }
              #finish-overlay div.relative #content #action-area ul.action-list li a.action-button.publish {
                height: 30px;
                width: 190px;
                border: none;
                padding-left: 0px;
                color: #FFF;
                background: #40D047;
                /* 1.5 dpr */ }
                @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                  #finish-overlay div.relative #content #action-area ul.action-list li a.action-button.publish {
                    background-size: 100%; } }
                @media only screen and (max-width: 768px) {
                  #finish-overlay div.relative #content #action-area ul.action-list li a.action-button.publish {
                    width: 100%; } }
                #finish-overlay div.relative #content #action-area ul.action-list li a.action-button.publish div.publish-icon {
                  background: url(./images/publish_checkmark.png) no-repeat;
                  background-position: 0 0;
                  width: 21px;
                  height: 20px;
                  top: 10px;
                  left: 14px;
                  position: absolute;
                  /* 1.5 dpr */ }
                  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                    #finish-overlay div.relative #content #action-area ul.action-list li a.action-button.publish div.publish-icon {
                      background: url(./images/publish_checkmark@2x.png) no-repeat;
                      background-size: 100%; } }
                  @media only screen and (max-width: 768px) {
                    #finish-overlay div.relative #content #action-area ul.action-list li a.action-button.publish div.publish-icon {
                      left: 30px; } }

/************************************************************
*	MANAGE STORIES WRAPPER
*/
#manage-stories-container {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #000; }
  #manage-stories-container #left-column {
    position: fixed;
    width: 300px;
    height: 88%;
    overflow-y: scroll;
    border-right: 1px solid #D8D8D8;
    /*background-color: #ccc;*/ }
    #manage-stories-container #left-column #filter-selector-wrapper {
      width: 100%;
      height: 110px;
      background: #EFEFEF;
      border-bottom: 1px solid #D8D8D8; }
      #manage-stories-container #left-column #filter-selector-wrapper h3 {
        padding-top: 30px;
        font-size: 16px;
        color: #000;
        padding-left: 23px;
        margin-bottom: 10px; }
      #manage-stories-container #left-column #filter-selector-wrapper select {
        width: 240px;
        margin-left: 23px; }
    #manage-stories-container #left-column ul#stories-list {
      width: 100%; }
      #manage-stories-container #left-column ul#stories-list li {
        width: 100%;
        min-height: 100px;
        border-bottom: 1px solid #D8D8D8;
        position: relative; }
        #manage-stories-container #left-column ul#stories-list li a {
          width: 100%;
          height: 100%;
          min-height: 100px;
          display: block;
          padding-bottom: 20px;
          text-decoration: inherit;
          color: inherit; }
        #manage-stories-container #left-column ul#stories-list li div.featured-eyebrow {
          height: 15px;
          position: relative;
          padding-left: 23px;
          margin-top: 20px;
          margin-left: 20px;
          color: #1B8CD5; }
          #manage-stories-container #left-column ul#stories-list li div.featured-eyebrow div.featured-eyebrow-icon {
            position: absolute;
            left: 0px;
            top: -1px;
            height: 17px;
            width: 17px;
            background: url(./images/featured_eyebrow_icon.png);
            background-position: 0 0;
            /* 1.5 dpr */ }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              #manage-stories-container #left-column ul#stories-list li div.featured-eyebrow div.featured-eyebrow-icon {
                background: url(./images/featured_eyebrow_icon@2x.png) no-repeat;
                background-size: 100%; } }
        #manage-stories-container #left-column ul#stories-list li div.sort-up-arrow {
          height: 9px;
          width: 14px;
          background: url(./images/sort_up.png) no-repeat;
          background-position: center center;
          position: absolute;
          right: 9px;
          top: 12px;
          cursor: pointer;
          padding: 4px; }
        #manage-stories-container #left-column ul#stories-list li div.sort-down-arrow {
          height: 9px;
          width: 14px;
          background: url(./images/sort_down.png) no-repeat;
          background-position: center center;
          position: absolute;
          right: 9px;
          bottom: 12px;
          cursor: pointer;
          padding: 4px; }
        #manage-stories-container #left-column ul#stories-list li div.is-visible {
          height: 13px;
          width: 21px;
          background: url(./images/is_visible_icon.png) no-repeat;
          position: absolute;
          top: 50%;
          margin-top: -7px;
          right: 10px;
          cursor: pointer; }
        #manage-stories-container #left-column ul#stories-list li.featured {
          border-bottom: 10px solid #1B8CD5; }
        #manage-stories-container #left-column ul#stories-list li h4 {
          font-size: 16px;
          line-height: 20px;
          padding-top: 15px;
          padding-left: 20px;
          padding-right: 35px;
          font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
          font-weight: 500; }
        #manage-stories-container #left-column ul#stories-list li div.author {
          width: 210px;
          padding-left: 20px;
          margin-top: 10px;
          padding-right: 35px; }
          #manage-stories-container #left-column ul#stories-list li div.author div.author-image {
            height: 30px;
            width: 30px;
            border-radius: 50%;
            background: #ccc top left no-repeat;
            background-size: 100%;
            float: left; }
          #manage-stories-container #left-column ul#stories-list li div.author div.byline {
            width: 170px;
            float: right; }
            #manage-stories-container #left-column ul#stories-list li div.author div.byline p {
              font-size: 13px;
              font-weight: 400;
              color: #000;
              margin-top: 3px; }
              #manage-stories-container #left-column ul#stories-list li div.author div.byline p a {
                color: inherit;
                text-decoration: inherit; }
              #manage-stories-container #left-column ul#stories-list li div.author div.byline p span {
                font-size: 13px;
                display: block;
                color: #979797;
                margin-top: 2px; }
  #manage-stories-container #right-column {
    position: absolute;
    width: 700px;
    height: auto;
    left: 50%;
    margin-left: -200px;
    top: 0px;
    padding-bottom: 200px; 
    padding-top:87px;
  }

/************************************************************
*	STORIES AND DRAFTS
*/
#stories-and-drafts {
  width: 600px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    #stories-and-drafts {
      padding-top: 30px;
      width: 90%; } }
  #stories-and-drafts ul#toggle {
    width: 400px;
    margin: 0 auto;
    height: 40px;
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif;
    margin-bottom: 85px; }
    @media only screen and (max-width: 768px) {
      #stories-and-drafts ul#toggle {
        width: 310px;
        margin-bottom: 65px; } }
    #stories-and-drafts ul#toggle li {
      float: left;
      text-align: center;
      height: 100%;
      width: 200px; }
      @media only screen and (max-width: 768px) {
        #stories-and-drafts ul#toggle li {
          width: 155px; } }
      #stories-and-drafts ul#toggle li.left {
        border-right: 1px solid #D8D8D8;
        width: 199px; }
        @media only screen and (max-width: 768px) {
          #stories-and-drafts ul#toggle li.left {
            width: 154px; } }
      #stories-and-drafts ul#toggle li a.toggle-link {
        display: inline-block;
        height: 28px;
        padding-top: 12px;
        width: 130px;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          #stories-and-drafts ul#toggle li a.toggle-link {
            width: 120px; } }
        #stories-and-drafts ul#toggle li a.toggle-link.active {
          border-bottom: 5px solid #000; }
        #stories-and-drafts ul#toggle li a.toggle-link span {
          color: #979797; }
  #stories-and-drafts ul#stories-list {
    font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
    #stories-and-drafts ul#stories-list li.story-item {
      width: 100%;
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: 1px solid #D8D8D8; }
      #stories-and-drafts ul#stories-list li.story-item h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 500;
        color: #000;
        margin-bottom: 10px; }
      #stories-and-drafts ul#stories-list li.story-item p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 200;
        color: #666666;
        margin-bottom: 15px; }
      #stories-and-drafts ul#stories-list li.story-item span.last-edited {
        font-size: 15px;
        color: #979797; }
    #stories-and-drafts ul#stories-list ul.stories-actions {
      margin-top: 20px;
      height: 38px;
      width: 100%; }
      #stories-and-drafts ul#stories-list ul.stories-actions li.story-action {
        height: 38px;
        float: left;
        margin-right: 10px;
        width: 170px; }
        @media only screen and (max-width: 768px) {
          #stories-and-drafts ul#stories-list ul.stories-actions li.story-action {
            width: 29%; } }
        #stories-and-drafts ul#stories-list ul.stories-actions li.story-action.last {
          margin-right: 0px; }
        #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button {
          height: 25px;
          width: 100%;
          border-radius: 20px;
          border: 1px solid #000;
          display: block;
          text-align: center;
          position: relative;
          font-size: 13px;
          text-decoration: none;
          font-weight: 500;
          padding-top: 13px;
          color: #000;
 font-family: Helvetica;
           }
          @media only screen and (max-width: 768px) {
            #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button {
              width: 92%;
              padding-left: 8%; } }
          @media only screen and (max-width: 768px) {
            #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button span.remove-mobile-text {
              display: none; } }
          #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button.publish {
            border: 1px solid #1DBB25;
            color: #1DBB25;
            margin-right: 0px; }
          #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon {
            position: absolute; }
            #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.continue-editing {
              width: 16px;
              height: 15px;
              top: 11px;
              left: 12px;
              background: url(./images/continue_editing_icon.png) top left no-repeat;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.continue-editing {
                  background: url(./images/continue_editing_icon@2x.png) no-repeat;
                  background-size: 100%; } }
            #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.delete-draft {
              width: 17px;
              height: 17px;
              top: 10px;
              left: 12px;
              background: url(./images/delete_draft_icon.png) top left no-repeat;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.delete-draft {
                  background: url(./images/delete_draft_icon@2x.png) no-repeat;
                  background-size: 100%; } }
              @media only screen and (max-width: 768px) {
                #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.delete-draft {
                  left: 9px; } }
            #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.publish-draft {
              width: 16px;
              height: 16px;
              top: 11px;
              left: 16px;
              background: url(./images/publish_draft_icon.png) top left no-repeat;
              /* 1.5 dpr */ }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.publish-draft {
                  background: url(./images/publish_draft_icon@2x.png) no-repeat;
                  background-size: 100%; } }
              @media only screen and (max-width: 768px) {
                #stories-and-drafts ul#stories-list ul.stories-actions li.story-action a.story-action-button div.action-icon.publish-draft {
                  left: 12px; } }

/************************************************************
*	USER PROFILE
*/
#user-profile-wrapper {
  width: 700px;
  margin: 0 auto;
  margin-top: 175px;
  margin-bottom: 35px;
  font-family: Georgia,serif, Roboto, "Helvetica Neue", Helvetica, Arial, san-serif; }
  @media only screen and (max-width: 768px) {
    #user-profile-wrapper {
      width: 90%;
      margin-top: 95px; } }
  #user-profile-wrapper #recommended-header {
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
    text-align: center; }
    #user-profile-wrapper #recommended-header h3 {
      font-size: 16px;
      color: #979797; }
      #user-profile-wrapper #recommended-header h3 span {
        color: #000; }
  #user-profile-wrapper #profile-overview {
    width: 100%;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      #user-profile-wrapper #profile-overview {
        margin-bottom: 20px; } }
    #user-profile-wrapper #profile-overview #avatar-wrapper {
      float: left;
      width: 200px; }
      @media only screen and (max-width: 768px) {
        #user-profile-wrapper #profile-overview #avatar-wrapper {
          float: none;
          width: 100%; } }
      #user-profile-wrapper #profile-overview #avatar-wrapper #avatar {
        width: 150px;
        height: 150px;
        background: url(./images/placeholder_profile.jpg) top left no-repeat;
        background-size: 100%;
        border-radius: 50%;
        margin: 0 auto; }
    #user-profile-wrapper #profile-overview #profile-summary {
      width: 500px;
      float: right;
      padding-top: 15px; }
      #user-profile-wrapper #profile-overview #profile-summary input:focus {
        outline: none; }
      #user-profile-wrapper #profile-overview #profile-summary textarea {
        resize: none; }
        #user-profile-wrapper #profile-overview #profile-summary textarea:focus {
          outline: none; }
      #user-profile-wrapper #profile-overview #profile-summary div.editable {
        border: 1px solid #1B8CD5;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-radius: 6px; }
      @media only screen and (max-width: 768px) {
        #user-profile-wrapper #profile-overview #profile-summary {
          float: none;
          width: 100%;
          text-align: center; } }
      #user-profile-wrapper #profile-overview #profile-summary h3#username {
        font-size: 38px;
        font-weight: 500;
        margin-bottom: 8px; }
        @media only screen and (max-width: 768px) {
          #user-profile-wrapper #profile-overview #profile-summary h3#username {
            font-size: 24px; } }
      #user-profile-wrapper #profile-overview #profile-summary input#username-input {
        width: 94%;
        border-radius: 6px;
        border: 1px solid #1B8CD5;
        height: 50px;
        font-size: 38px;
        font-weight: 500;
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 2px;
        padding-bottom: 3px;
        margin-bottom: 10px;
        display: none; }
      #user-profile-wrapper #profile-overview #profile-summary div.overview {
        font-size: 16px;
        color: #979797;
        margin-bottom: 15px; }
      #user-profile-wrapper #profile-overview #profile-summary select#country {
        display: none; }
      #user-profile-wrapper #profile-overview #profile-summary p#bio {
        font-size: 15px;
        line-height: 22px; }
      #user-profile-wrapper #profile-overview #profile-summary textarea#bio-textarea {
        width: 94%;
        height: 75px;
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 5px;
        padding-bottom: 3px;
        border: 1px solid #1B8CD5;
        font-size: 15px;
        line-height: 22px;
        border-radius: 6px;
        display: none; }
  #user-profile-wrapper #profile-stats {
    width: 100%;
    height: 85px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      #user-profile-wrapper #profile-stats {
        height: 155px; } }
    #user-profile-wrapper #profile-stats ul#stats-list {
      width: 100%;
      height: 75px; }
      @media only screen and (max-width: 768px) {
        #user-profile-wrapper #profile-stats ul#stats-list {
          height: 155px; } }
      #user-profile-wrapper #profile-stats ul#stats-list li {
        width: 148px;
        height: 65px;
        float: left;
        text-align: center;
        padding-top: 8px;
        -webkit-transition: width 0.2s ease-out;
        -moz-transition: width 0.2s ease-out;
        -o-transition: width 0.2s ease-out; }
        @media only screen and (max-width: 768px) {
          #user-profile-wrapper #profile-stats ul#stats-list li {
            width: 33%; } }
        #user-profile-wrapper #profile-stats ul#stats-list li.social {
          border-right: 1px solid #D8D8D8;
          padding-right: 10px;
          margin-right: 10px; }
          @media only screen and (max-width: 768px) {
            #user-profile-wrapper #profile-stats ul#stats-list li.social {
              border-right: 0px;
              padding-right: 0px;
              margin-right: 0px; } }
        #user-profile-wrapper #profile-stats ul#stats-list li h4 {
          color: #979797;
          text-transform: uppercase;
          font-size: 16px;
          margin-bottom: 10px;
          font-weight: 500; }
          @media only screen and (max-width: 768px) {
            #user-profile-wrapper #profile-stats ul#stats-list li h4 {
              font-size: 14px; } }
        #user-profile-wrapper #profile-stats ul#stats-list li p.stat {
          font-size: 30px; }
        #user-profile-wrapper #profile-stats ul#stats-list li a#on-social-twitter {
          width: 32px;
          height: 24px;
          margin-top: 4px;
          display: inline-block;
          background: url(./images/on_social_twitter.png) top left no-repeat;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #user-profile-wrapper #profile-stats ul#stats-list li a#on-social-twitter {
              background: url(./images/on_social_twitter@2x.png) top left no-repeat;
              background-size: 100%; } }
        #user-profile-wrapper #profile-stats ul#stats-list li a#on-social-facebook {
          width: 16px;
          height: 26px;
          margin-top: 4px;
          position: relative;
          left: -2px;
          display: inline-block;
          background: url(./images/on_social_facebook.png) top left no-repeat;
          /* 1.5 dpr */ }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            #user-profile-wrapper #profile-stats ul#stats-list li a#on-social-facebook {
              background: url(./images/on_social_facebook@2x.png) top left no-repeat;
              background-size: 100%; } }
        #user-profile-wrapper #profile-stats ul#stats-list li.primary-action {
          width: 210px;
          position: relative; }
          @media only screen and (max-width: 768px) {
            #user-profile-wrapper #profile-stats ul#stats-list li.primary-action {
              display: block;
              width: 100%; } }
          #user-profile-wrapper #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons {
            height: 44px;
            width: 220px;
            display: none;
            position: absolute;
            top: 16px;
            left: 20px; }
            #user-profile-wrapper #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list {
              padding: 0px;
              float: left;
              margin-right: 5px;
              font-size: 16px;
              font-weight: 500;
              width: 105px; }
              #user-profile-wrapper #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list.no-margin {
                margin-right: 0px; }
              #user-profile-wrapper #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list a.manage-edits-button {
                margin: 0px;
                width: 100%;
                border-radius: 6px;
                display: block;
                height: 29px;
                padding-top: 15px;
                text-decoration: none; }
                #user-profile-wrapper #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list a.manage-edits-button#save-edits {
                  background: #1B8CD5;
                  color: #FFF; }
                #user-profile-wrapper #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list a.manage-edits-button#cancel-edits {
                  background: #EFEFEF;
                  color: #000; }
          #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action {
            display: block;
            margin: 0 auto;
            cursor: pointer;
            width: 126px;
            height: 29px;
            background: #EFEFEF;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 500;
            padding-top: 15px;
            padding-left: 13px;
            position: absolute;
            top: 16px;
            left: 20px; }
            @media only screen and (max-width: 768px) {
              #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action {
                display: block;
                width: 100%;
                padding-left: 0px;
                left: 0px; } }
            #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon {
              position: absolute; }
              #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.follow {
                width: 15px;
                height: 15px;
                top: 0px;
                left: 50%;
                margin-left: -53px; }
                #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.follow div.bar-one {
                  position: absolute;
                  width: 2px;
                  height: 16px;
                  background: #979797;
                  left: 7px;
                  top: 0px; }
                #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.follow div.bar-two {
                  position: absolute;
                  width: 16px;
                  height: 2px;
                  background: #979797;
                  left: 0px;
                  top: 7px; }
              #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.following {
                top: -4px;
                left: 50%;
                margin-left: -66px;
                width: 22px;
                height: 22px;
                background: url(./images/following_author.png) top left no-repeat;
                /* 1.5 dpr */ }
                @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                  #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.following {
                    background: url(./images/following_author@2x.png) top left no-repeat;
                    background-size: 100%; } }
              #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.edit-profile {
                top: 0px;
                left: 50%;
                margin-left: -65px;
                width: 14px;
                height: 14px;
                background: url(./images/edit_profile.png) top left no-repeat;
                /* 1.5 dpr */ }
                @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                  #user-profile-wrapper #profile-stats ul#stats-list li.primary-action a#author-action div.icon.edit-profile {
                    background: url(./images/edit_profile@2x.png) top left no-repeat;
                    background-size: 100%; } }
  #user-profile-wrapper.is-editable #profile-overview #profile-summary h3#username {
    display: none; }
  #user-profile-wrapper.is-editable #profile-overview #profile-summary p#bio {
    display: none; }
  #user-profile-wrapper.is-editable #profile-overview #profile-summary span#country-text {
    display: none; }
  #user-profile-wrapper.is-editable #profile-overview #profile-summary select#country {
    display: inline-block;
    width: 150px;
    margin-left: 3px;
    margin-right: 7px;
    top: -1px;
    position: relative; }
  #user-profile-wrapper.is-editable #profile-overview #profile-summary textarea#bio-textarea {
    display: block; }
    @media only screen and (max-width: 768px) {
      #user-profile-wrapper.is-editable #profile-overview #profile-summary textarea#bio-textarea {
        text-align: center; } }
  #user-profile-wrapper.is-editable #profile-overview #profile-summary input#username-input {
    display: block; }
    @media only screen and (max-width: 768px) {
      #user-profile-wrapper.is-editable #profile-overview #profile-summary input#username-input {
        text-align: center; } }
  #user-profile-wrapper.is-editable #profile-stats ul#stats-list li {
    width: 145px; }
    @media only screen and (max-width: 768px) {
      #user-profile-wrapper.is-editable #profile-stats ul#stats-list li {
        width: 33%; } }
  #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action {
    width: 154px; }
    @media only screen and (max-width: 768px) {
      #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action {
        width: 100%; } }
    #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action a#author-action {
      display: none; }
    #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons {
      display: block; }
      @media only screen and (max-width: 768px) {
        #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons {
          width: 100%;
          left: 0px; } }
      @media only screen and (max-width: 768px) {
        #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list {
          width: 48%;
          margin-right: 4%; } }
      @media only screen and (max-width: 768px) {
        #user-profile-wrapper.is-editable #profile-stats ul#stats-list li.primary-action ul#manage-edits-buttons li.manage-edit-button-list.no-margin {
          margin-right: 0px; } }

#manage-stories-container #left-column{height:88%;}
#left-column select option:nth-child(3),#left-column select option:nth-child(4) ,#left-column select option:nth-child(5),#left-column select option:nth-child(6){
  display:none;
}