Vulcan/packages/telescope-theme-base/lib/client/css/screen.css

@charset "UTF-8";
/* line 5, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*================ FUNCTIONS =================*/
/*================ MIXINS =================*/
/*================ CLASSES =================*/
/* line 111, ../scss/includes/_mixins.scss */
.popover {
  background: white;
  border: 1px solid #dd3416;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  z-index: 100;
  -moz-transition: all, 300ms;
  -o-transition: all, 300ms;
  -webkit-transition: all, 300ms;
  transition: all, 300ms; }

/* line 127, ../scss/includes/_mixins.scss */
.has-shadow {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

/* line 130, ../scss/includes/_mixins.scss */
.cf {
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1; }
  /* line 6, ../scss/includes/_mixins.scss */
  .cf:before, .cf:after {
    content: "";
    display: table; }
  /* line 10, ../scss/includes/_mixins.scss */
  .cf:after {
    clear: both; }

/*================ FLEXBOX =================*/
/* line 2, ../scss/global/_forms.scss */
form.form-block, .accounts-dialog.form-block {
  background: #e7eff2;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 10px; }
/* line 9, ../scss/global/_forms.scss */
form > div, .accounts-dialog > div {
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1; }
  /* line 6, ../scss/includes/_mixins.scss */
  form > div:before, form > div:after, .accounts-dialog > div:before, .accounts-dialog > div:after {
    content: "";
    display: table; }
  /* line 10, ../scss/includes/_mixins.scss */
  form > div:after, .accounts-dialog > div:after {
    clear: both; }
/* line 12, ../scss/global/_forms.scss */
form .control-group, form .form-group, .accounts-dialog .control-group, .accounts-dialog .form-group {
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1;
  margin-bottom: 15px; }
  /* line 6, ../scss/includes/_mixins.scss */
  form .control-group:before, form .control-group:after, form .form-group:before, form .form-group:after, .accounts-dialog .control-group:before, .accounts-dialog .control-group:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after {
    content: "";
    display: table; }
  /* line 10, ../scss/includes/_mixins.scss */
  form .control-group:after, form .form-group:after, .accounts-dialog .control-group:after, .accounts-dialog .form-group:after {
    clear: both; }
  /* line 15, ../scss/global/_forms.scss */
  form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label {
    font-weight: bold;
    display: block; }
    @media screen and (max-width: 40em) {
      /* line 15, ../scss/global/_forms.scss */
      form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label {
        margin-bottom: 5px; } }
    @media screen and (min-width: 40em) {
      /* line 15, ../scss/global/_forms.scss */
      form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label {
        float: left;
        margin-right: 10px; } }
  /* line 26, ../scss/global/_forms.scss */
  form .control-group .controls, form .form-group .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls {
    position: relative; }
    @media screen and (min-width: 40em) {
      /* line 26, ../scss/global/_forms.scss */
      form .control-group .controls, form .form-group .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls {
        margin-left: 200px; } }
    /* line 31, ../scss/global/_forms.scss */
    form .control-group .controls .inline-link, form .form-group .controls .inline-link, .accounts-dialog .control-group .controls .inline-link, .accounts-dialog .form-group .controls .inline-link {
      position: absolute;
      display: block;
      top: 2px;
      right: 8px; }
      /* line 36, ../scss/global/_forms.scss */
      form .control-group .controls .inline-link.loading, form .form-group .controls .inline-link.loading, .accounts-dialog .control-group .controls .inline-link.loading, .accounts-dialog .form-group .controls .inline-link.loading {
        background: url(/img/loading.gif) center center no-repeat;
        height: 22px;
        width: 18px;
        font: 0/0 a;
        text-shadow: none;
        color: transparent; }
    /* line 43, ../scss/global/_forms.scss */
    form .control-group .controls label, form .form-group .controls label, .accounts-dialog .control-group .controls label, .accounts-dialog .form-group .controls label {
      display: block;
      margin-bottom: 5px; }
    /* line 47, ../scss/global/_forms.scss */
    form .control-group .controls label.inline, form .form-group .controls label.inline, .accounts-dialog .control-group .controls label.inline, .accounts-dialog .form-group .controls label.inline {
      display: inline-block;
      margin-bottom: 0; }
  /* line 52, ../scss/global/_forms.scss */
  form .control-group.inline, form .form-group.inline, .accounts-dialog .control-group.inline, .accounts-dialog .form-group.inline {
    margin-bottom: 10px; }
    /* line 53, ../scss/global/_forms.scss */
    form .control-group.inline .controls, form .form-group.inline .controls, .accounts-dialog .control-group.inline .controls, .accounts-dialog .form-group.inline .controls {
      margin-left: 0px;
      width: 80%;
      float: left; }
    /* line 58, ../scss/global/_forms.scss */
    form .control-group.inline .submit, form .form-group.inline .submit, .accounts-dialog .control-group.inline .submit, .accounts-dialog .form-group.inline .submit {
      float: right; }
/* line 64, ../scss/global/_forms.scss */
form .form-actions, form .form-group, .accounts-dialog .form-actions, .accounts-dialog .form-group {
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1; }
  /* line 6, ../scss/includes/_mixins.scss */
  form .form-actions:before, form .form-actions:after, form .form-group:before, form .form-group:after, .accounts-dialog .form-actions:before, .accounts-dialog .form-actions:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after {
    content: "";
    display: table; }
  /* line 10, ../scss/includes/_mixins.scss */
  form .form-actions:after, form .form-group:after, .accounts-dialog .form-actions:after, .accounts-dialog .form-group:after {
    clear: both; }
  /* line 66, ../scss/global/_forms.scss */
  form .form-actions a, form .form-group a, .accounts-dialog .form-actions a, .accounts-dialog .form-group a {
    float: left;
    display: block; }
  /* line 70, ../scss/global/_forms.scss */
  form .form-actions .button, form .form-actions .btn, form .form-group .button, form .form-group .btn, .accounts-dialog .form-actions .button, .accounts-dialog .form-actions .btn, .accounts-dialog .form-group .button, .accounts-dialog .form-group .btn {
    float: right; }
/* line 74, ../scss/global/_forms.scss */
form input[type="text"], form input[type="password"], form input[type="number"], form input[type="email"], form textarea, form .login-form input, form input.form-control, .accounts-dialog input[type="text"], .accounts-dialog input[type="password"], .accounts-dialog input[type="number"], .accounts-dialog input[type="email"], .accounts-dialog textarea, .accounts-dialog .login-form input, .accounts-dialog input.form-control {
  display: block;
  padding: 5px 6px;
  width: 100%;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border: 1px solid #b5b0b0;
  -moz-transition: border-color 500ms;
  -o-transition: border-color 500ms;
  -webkit-transition: border-color 500ms;
  transition: border-color 500ms; }
  /* line 83, ../scss/global/_forms.scss */
  form input[type="text"]:focus, form input[type="password"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form textarea:focus, form .login-form input:focus, form input.form-control:focus, .accounts-dialog input[type="text"]:focus, .accounts-dialog input[type="password"]:focus, .accounts-dialog input[type="number"]:focus, .accounts-dialog input[type="email"]:focus, .accounts-dialog textarea:focus, .accounts-dialog .login-form input:focus, .accounts-dialog input.form-control:focus {
    outline: none;
    border-color: #dd3416;
    -moz-box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3); }
  /* line 88, ../scss/global/_forms.scss */
  form input[type="text"][type="number"], form input[type="password"][type="number"], form input[type="number"][type="number"], form input[type="email"][type="number"], form textarea[type="number"], form .login-form input[type="number"], form input.form-control[type="number"], .accounts-dialog input[type="text"][type="number"], .accounts-dialog input[type="password"][type="number"], .accounts-dialog input[type="number"][type="number"], .accounts-dialog input[type="email"][type="number"], .accounts-dialog textarea[type="number"], .accounts-dialog .login-form input[type="number"], .accounts-dialog input.form-control[type="number"] {
    width: 30%; }
/* line 92, ../scss/global/_forms.scss */
form input[type="text"], form input[type="password"], form input[type="number"], form .login-form input, .accounts-dialog input[type="text"], .accounts-dialog input[type="password"], .accounts-dialog input[type="number"], .accounts-dialog .login-form input {
  height: 30px;
  line-height: 20px; }
/* line 96, ../scss/global/_forms.scss */
form input[disabled='disabled'], .accounts-dialog input[disabled='disabled'] {
  color: #b3c1c6;
  background: #e7eff2; }
/* line 100, ../scss/global/_forms.scss */
form textarea, .accounts-dialog textarea {
  min-height: 100px;
  line-height: 1.4; }
/* line 104, ../scss/global/_forms.scss */
form .note, .accounts-dialog .note {
  padding: 5px 0;
  color: #b3c1c6;
  font-size: 80%; }

/* line 110, ../scss/global/_forms.scss */
input[type="submit"], button, .button, .btn {
  -webkit-appearance: none;
  border-radius: 3px;
  background: #dd3416;
  color: white;
  text-align: center;
  display: block;
  max-width: 300px;
  padding: 10px 12px;
  line-height: 1;
  border: none;
  font-size: 15px;
  cursor: pointer;
  margin: 0;
  font-weight: normal; }
  /* line 127, ../scss/global/_forms.scss */
  input[type="submit"].disabled, button.disabled, .button.disabled, .btn.disabled {
    background: #dfdbdb;
    pointer-events: none; }
  /* line 131, ../scss/global/_forms.scss */
  input[type="submit"]:link, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:visited, button:link, button:hover, button:active, button:visited, .button:link, .button:hover, .button:active, .button:visited, .btn:link, .btn:hover, .btn:active, .btn:visited {
    color: white; }
  /* line 134, ../scss/global/_forms.scss */
  input[type="submit"].inline, button.inline, .button.inline, .btn.inline {
    display: inline-block; }

/* line 138, ../scss/global/_forms.scss */
input[type="search"] {
  font-size: 14px; }

/* line 141, ../scss/global/_forms.scss */
.twitter-signup {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdbdb; }
  /* line 145, ../scss/global/_forms.scss */
  .twitter-signup .twitter-button {
    background: #00aced; }

/* line 149, ../scss/global/_forms.scss */
.category-slug {
  font-size: 12px;
  float: left;
  width: 80%;
  display: block; }

/* line 155, ../scss/global/_forms.scss */
.ui-autocomplete {
  background: white;
  width: 200px !important;
  padding: 10px;
  font-size: 14px;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

/* line 163, ../scss/global/_forms.scss */
.help-block {
  color: #b3c1c6;
  margin-bottom: 15px; }

/* line 1, ../scss/global/_links.scss */
a {
  text-decoration: none; }
  /* line 3, ../scss/global/_links.scss */
  a, a:link, a:visited, a:active {
    color: #444444;
    font-weight: bold; }
  /* line 7, ../scss/global/_links.scss */
  a:hover {
    color: #dd3416; }

/* line 1, ../scss/global/_main.scss */
.hidden {
  display: none; }

/* line 4, ../scss/global/_main.scss */
.visible {
  display: block; }

/* line 7, ../scss/global/_main.scss */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 50; }

/* line 16, ../scss/global/_main.scss */
#spinner {
  margin: 100px 0; }

/* line 19, ../scss/global/_main.scss */
.debug {
  display: none; }

/* line 23, ../scss/global/_main.scss */
.footer {
  text-align: center;
  padding: 10px 0 70px 0;
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px; }
  /* line 28, ../scss/global/_main.scss */
  .footer.absolute {
    position: absolute; }

/* line 32, ../scss/global/_main.scss */
#login-buttons .loading {
  display: none; }

/* line 35, ../scss/global/_main.scss */
#loading, .loading-page {
  height: 300px; }

/* line 39, ../scss/global/_main.scss */
.grid-module {
  background: white;
  margin-bottom: 10px;
  padding: 15px; }

/* line 44, ../scss/global/_main.scss */
.notifications-toggle {
  background: white;
  margin-bottom: 10px;
  padding: 15px; }

/* line 50, ../scss/global/_main.scss */
.search-date-header {
  background: #e7eff2; }
  /* line 52, ../scss/global/_main.scss */
  .search-date-header th {
    /* For modern browsers */
    /* For IE 6/7 (trigger hasLayout) */
    *zoom: 1; }
    /* line 6, ../scss/includes/_mixins.scss */
    .search-date-header th:before, .search-date-header th:after {
      content: "";
      display: table; }
    /* line 10, ../scss/includes/_mixins.scss */
    .search-date-header th:after {
      clear: both; }
  /* line 55, ../scss/global/_main.scss */
  .search-date-header .search-date {
    display: block;
    float: left;
    font-weight: bold; }
  /* line 60, ../scss/global/_main.scss */
  .search-date-header .search-count {
    font-size: 13px;
    display: block;
    float: right; }

/* line 2, ../scss/global/_markdown.scss */
.markdown ul, .markdown ol, .markdown p, .markdown pre, .markdown blockquote {
  margin-bottom: 1em;
  line-height: 1.7; }
/* line 6, ../scss/global/_markdown.scss */
.markdown strong {
  font-weight: bold; }
/* line 9, ../scss/global/_markdown.scss */
.markdown em {
  font-style: italic; }
/* line 12, ../scss/global/_markdown.scss */
.markdown ul, .markdown ol {
  padding-left: 18px; }
/* line 15, ../scss/global/_markdown.scss */
.markdown ul {
  list-style-type: disc; }
/* line 18, ../scss/global/_markdown.scss */
.markdown ol {
  list-style-type: decimal; }
/* line 22, ../scss/global/_markdown.scss */
.markdown a:link, .markdown a:visited, .markdown a:active {
  color: #7ac0e4; }
/* line 25, ../scss/global/_markdown.scss */
.markdown a:hover {
  color: #dd3416; }
/* line 30, ../scss/global/_markdown.scss */
.markdown p:last-child {
  margin-bottom: 0; }
/* line 34, ../scss/global/_markdown.scss */
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 {
  font-weight: bold;
  margin-bottom: 0; }
/* line 38, ../scss/global/_markdown.scss */
.markdown h1 {
  font-size: 36px; }
/* line 41, ../scss/global/_markdown.scss */
.markdown h2 {
  font-size: 24px; }
/* line 44, ../scss/global/_markdown.scss */
.markdown h3 {
  font-size: 18px; }
/* line 47, ../scss/global/_markdown.scss */
.markdown h4 {
  font-size: 16px; }
/* line 50, ../scss/global/_markdown.scss */
.markdown h5 {
  font-size: 14px; }
/* line 53, ../scss/global/_markdown.scss */
.markdown code {
  font-family: monospace;
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 3px; }
/* line 61, ../scss/global/_markdown.scss */
.markdown pre {
  padding: 20px;
  border: 1px solid #ddd;
  background-color: #f8f8f8; }
  /* line 65, ../scss/global/_markdown.scss */
  .markdown pre code {
    border: none;
    background: none; }
/* line 70, ../scss/global/_markdown.scss */
.markdown blockquote {
  border-left: 3px solid #eee;
  padding-left: 20px; }

/* line 1, ../scss/global/_tables.scss */
table {
  width: 100%; }
  /* line 3, ../scss/global/_tables.scss */
  table tr {
    border-bottom: 1px solid #eee; }
    /* line 5, ../scss/global/_tables.scss */
    table tr td, table tr th {
      padding: 10px; }
  /* line 11, ../scss/global/_tables.scss */
  table thead tr td, table thead tr th {
    font-weight: bold; }

/* line 1, ../scss/global/_typography.scss */
html, body, input, button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* line 4, ../scss/global/_typography.scss */
h1, h2, h3, h4, h5, ul, ol, li, p, pre, div {
  line-height: 1.5; }

/* line 7, ../scss/global/_typography.scss */
h1 {
  font-size: 40px; }

/* line 10, ../scss/global/_typography.scss */
h2 {
  font-size: 30px; }

/* line 13, ../scss/global/_typography.scss */
h3 {
  font-size: 20px; }

/* line 16, ../scss/global/_typography.scss */
h4 {
  font-size: 16px; }

/* line 19, ../scss/global/_typography.scss */
li {
  margin: 0 0 10px 0; }

/* line 1, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown {
  position: relative; }
  /* line 4, ../scss/specific/_dropdown.scss */
  .has-dropdown .dropdown > a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 4px;
    content: "▼";
    font-size: 8px; }
  /* line 14, ../scss/specific/_dropdown.scss */
  .has-dropdown .dropdown:hover .dropdown-menu {
    display: block; }

/* line 19, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu {
  display: none;
  top: 10px;
  left: 10px;
  position: absolute;
  padding-top: 20px;
  z-index: 10000; }
  /* line 26, ../scss/specific/_dropdown.scss */
  .has-dropdown .dropdown-menu, .has-dropdown .dropdown-menu a, .has-dropdown .dropdown-menu a:link, .has-dropdown .dropdown-menu a:visited {
    color: #444444; }
  /* line 29, ../scss/specific/_dropdown.scss */
  .has-dropdown .dropdown-menu a.button {
    color: white; }
  /* line 32, ../scss/specific/_dropdown.scss */
  .has-dropdown .dropdown-menu ul {
    background: white;
    padding: 10px;
    min-width: 140px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    list-style-type: none; }
    /* line 39, ../scss/specific/_dropdown.scss */
    .has-dropdown .dropdown-menu ul li {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #eeeeee; }
      /* line 43, ../scss/specific/_dropdown.scss */
      .has-dropdown .dropdown-menu ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }
      /* line 48, ../scss/specific/_dropdown.scss */
      .has-dropdown .dropdown-menu ul li a {
        font-size: 14px; }

/* line 1, ../scss/specific/_errors.scss */
.error {
  background: #dd3416;
  color: white; }

/* line 3, ../scss/specific/_header.scss */
.header {
  background: #444444;
  margin-bottom: 10px;
  padding: 15px;
  color: white; }
  @media screen and (max-width: 40em) {
    /* line 3, ../scss/specific/_header.scss */
    .header {
      height: 50px;
      padding: 10px;
      position: relative; } }
  /* line 13, ../scss/specific/_header.scss */
  .header a, .header a:link, .header a:visited {
    color: inherit; }
    /* line 15, ../scss/specific/_header.scss */
    .header a.button, .header a:link.button, .header a:visited.button {
      color: white; }
  /* line 19, ../scss/specific/_header.scss */
  .header .nav {
    list-style-type: none; }
    /* line 21, ../scss/specific/_header.scss */
    .header .nav > li {
      margin-bottom: 0;
      display: inline-block; }
      /* line 24, ../scss/specific/_header.scss */
      .header .nav > li:last-child .header-submodule {
        margin-right: 0px; }

/* line 30, ../scss/specific/_header.scss */
.header-module, .header-submodule {
  display: inline-block;
  margin-right: 20px; }

/* line 35, ../scss/specific/_header.scss */
.header-module:last-child {
  margin-right: 0px; }

/* line 39, ../scss/specific/_header.scss */
.logo {
  vertical-align: middle;
  line-height: 1; }
  @media screen and (max-width: 40em) {
    /* line 39, ../scss/specific/_header.scss */
    .logo {
      margin-right: 0; }
      /* line 44, ../scss/specific/_header.scss */
      .logo a {
        font-size: 24px;
        display: block;
        position: absolute;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        left: 0px;
        top: 0px;
        z-index: 10;
        margin-right: 0; } }

/* line 60, ../scss/specific/_header.scss */
.logo-image a, .logo-image img {
  display: block;
  height: 100%;
  width: 100%; }

/* line 67, ../scss/specific/_header.scss */
.mobile-menu-button {
  position: absolute;
  display: inline-block;
  padding: 4px;
  top: 50%;
  margin-top: -17px;
  z-index: 100; }
  /* line 73, ../scss/specific/_header.scss */
  .mobile-menu-button .hamburger {
    fill: white; }

/* line 79, ../scss/specific/_header.scss */
.account-link {
  display: inline-block; }

/* line 82, ../scss/specific/_header.scss */
.sign-in {
  margin-right: 20px; }

/* line 1, ../scss/specific/_layout.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5; }

/* line 6, ../scss/specific/_layout.scss */
html, body, .outer-wrapper {
  height: 100%; }

/* line 10, ../scss/specific/_layout.scss */
body {
  background: #eee;
  font-size: 14px; }
  @media screen and (max-width: 40em) {
    /* line 10, ../scss/specific/_layout.scss */
    body {
      overflow-x: hidden; } }

/* line 18, ../scss/specific/_layout.scss */
.outer-wrapper {
  position: relative; }

/* line 21, ../scss/specific/_layout.scss */
.content-wrapper {
  padding-bottom: 20px; }

/* line 24, ../scss/specific/_layout.scss */
.content-wrapper {
  padding: 0 10px;
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 40em) {
    /* line 24, ../scss/specific/_layout.scss */
    .content-wrapper {
      overflow-x: hidden;
      overflow-y: hidden; } }

@media screen and (min-width: 40em) {
  /* line 3, ../scss/specific/_mobile_nav.scss */
  .mobile-only {
    display: none !important; } }

@media screen and (max-width: 40em) {
  /* line 8, ../scss/specific/_mobile_nav.scss */
  .desktop-only {
    display: none !important; } }

/* line 14, ../scss/specific/_mobile_nav.scss */
.mobile-nav {
  position: fixed;
  overflow: auto;
  left: -200px;
  left: calc((100% - 60px) * -1);
  width: 200px;
  width: calc(100% - 60px);
  height: 100%;
  top: 0px;
  bottom: 0px;
  background: #444;
  color: white;
  -moz-box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5);
  box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5);
  z-index: 100; }

/* line 30, ../scss/specific/_mobile_nav.scss */
.mobile-nav, .inner-wrapper {
  -moz-transition: all 300ms ease-out 0ms;
  -o-transition: all 300ms ease-out 0ms;
  -webkit-transition: all 300ms ease-out;
  -webkit-transition-delay: 0ms;
  transition: all 300ms ease-out 0ms; }

/* line 34, ../scss/specific/_mobile_nav.scss */
.inner-wrapper {
  position: relative;
  left: 0px; }

/* line 39, ../scss/specific/_mobile_nav.scss */
.mobile-nav-open {
  overflow: hidden; }
  /* line 41, ../scss/specific/_mobile_nav.scss */
  .mobile-nav-open .mobile-nav {
    left: 0px; }
  /* line 44, ../scss/specific/_mobile_nav.scss */
  .mobile-nav-open .outer-wrapper {
    overflow: hidden; }
    /* line 46, ../scss/specific/_mobile_nav.scss */
    .mobile-nav-open .outer-wrapper .inner-wrapper {
      left: 200px;
      left: calc(100% - 60px); }

@media screen and (max-width: 40em) {
  /* line 56, ../scss/specific/_mobile_nav.scss */
  .desktop-nav {
    display: none; } }

/* line 63, ../scss/specific/_mobile_nav.scss */
.mobile-menu .header-module, .mobile-menu .header-submodule {
  display: block;
  margin-right: 0px; }
/* line 67, ../scss/specific/_mobile_nav.scss */
.mobile-menu > li {
  margin-bottom: 0;
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }
  /* line 70, ../scss/specific/_mobile_nav.scss */
  .mobile-menu > li:last-child {
    border: none; }
/* line 74, ../scss/specific/_mobile_nav.scss */
.mobile-menu .sign-in {
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
  margin-right: 0px; }
/* line 78, ../scss/specific/_mobile_nav.scss */
.mobile-menu a {
  display: block;
  height: auto;
  line-height: inherit;
  font-size: 15px; }
  /* line 83, ../scss/specific/_mobile_nav.scss */
  .mobile-menu a, .mobile-menu a:link, .mobile-menu a:visited {
    color: white; }
/* line 89, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown > a:after {
  display: inline-block;
  position: relative;
  top: -1px;
  margin-left: 4px;
  content: "▼";
  font-size: 8px; }
/* line 99, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown-top-level {
  padding: 10px; }
/* line 102, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown-menu {
  background: #333; }
  /* line 104, ../scss/specific/_mobile_nav.scss */
  .mobile-menu .dropdown-menu li {
    padding: 10px;
    margin-bottom: 0;
    border-top: 1px rgba(255, 255, 255, 0.2) solid; }
/* line 110, ../scss/specific/_mobile_nav.scss */
.mobile-menu .submit {
  margin: 10px; }

/* line 115, ../scss/specific/_mobile_nav.scss */
.mobile-submit {
  padding: 10px;
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }
  /* line 118, ../scss/specific/_mobile_nav.scss */
  .mobile-submit .button {
    max-width: none; }

/* line 1, ../scss/specific/_notifications.scss */
.notification-item {
  margin-bottom: 10px; }

/* line 1, ../scss/specific/_posts.scss */
.more-button {
  display: block; }

/* line 1, ../scss/specific/_users.scss */
.user-list, .user-table {
  font-size: 13px; }
  /* line 4, ../scss/specific/_users.scss */
  .user-list .user .user-avatar, .user-table .user .user-avatar {
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    display: block;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; }

/* line 16, ../scss/specific/_users.scss */
.filter-sort {
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1;
  padding: 15px;
  background: rgba(0, 0, 0, 0.05); }
  /* line 6, ../scss/includes/_mixins.scss */
  .filter-sort:before, .filter-sort:after {
    content: "";
    display: table; }
  /* line 10, ../scss/includes/_mixins.scss */
  .filter-sort:after {
    clear: both; }
  /* line 20, ../scss/specific/_users.scss */
  .filter-sort a, .filter-sort span {
    display: inline-block;
    margin-right: 20px; }
    /* line 23, ../scss/specific/_users.scss */
    .filter-sort a.active, .filter-sort span.active {
      border-bottom: 2px solid #7ac0e4; }
    /* line 26, ../scss/specific/_users.scss */
    .filter-sort a:last-child, .filter-sort span:last-child {
      margin-right: 0; }
  /* line 30, ../scss/specific/_users.scss */
  .filter-sort .filter {
    float: left; }
  /* line 33, ../scss/specific/_users.scss */
  .filter-sort .sort {
    float: right; }