@import url(https://fonts.googleapis.com/css?family=Raleway:600);
ul.notes-component {
  line-height: 1.5em;
  list-style-type: none;
  margin: 0; }
  ul.notes-component li.note {
    display: flex;
    padding-top: 18px;
    padding-bottom: 18px; }
    ul.notes-component li.note:not(:last-child):not(:only-child) {
      border-bottom: 1px rgba(199, 199, 199, 0.5) solid; }
    ul.notes-component li.note .number {
      font-weight: bold; }
    ul.notes-component li.note .inner {
      display: block;
      margin-left: 27px; }
    ul.notes-component li.note .jump-back-icon {
      margin-left: 7px; }
    ul.notes-component li.note .csl-bib-body, ul.notes-component li.note .csl-entry {
      display: inline; }

#landing-container {
  /***** Globals *****/
  /***** Jumbotron and Nav *****/
  /***** Main Content *****/
  /*** End Main Block ***/
  /**** Footer *****/ }
  #landing-container .buttons {
    margin: 3em 0;
    text-align: center; }
    #landing-container .buttons .bp3-button {
      margin: 0 0.5em; }
  #landing-container #jumbotron {
    margin-top: -56px;
    padding-top: 56px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #454f60;
    background-image: url("/static/landing/herobg.jpg");
    color: #fff;
    font-size: 16px;
    /***** Nav *****/
    /***** Header Content *****/ }
    #landing-container #jumbotron .content {
      text-align: center; }
      #landing-container #jumbotron .content h1 {
        color: #fff;
        margin: 1em 0; }
      #landing-container #jumbotron .content .landing-header {
        min-width: 212px;
        display: inline-block;
        text-align: right;
        text-decoration: underline;
        transition: opacity 0.75s; }
        #landing-container #jumbotron .content .landing-header.landing-header-exit-active, #landing-container #jumbotron .content .landing-header.landing-header-enter, #landing-container #jumbotron .content .landing-header.landing-header-exit {
          opacity: 0; }
        #landing-container #jumbotron .content .landing-header.landing-header-enter {
          position: absolute; }
        #landing-container #jumbotron .content .landing-header.landing-header-enter-done {
          opacity: 1;
          position: relative; }
      #landing-container #jumbotron .content .subtitle {
        max-width: 500px;
        margin: 0 auto;
        font-size: 18px; }
      #landing-container #jumbotron .content .buttons {
        margin: 2em 0em 5em; }
      #landing-container #jumbotron .content img.hero {
        max-width: 800px; }
      #landing-container #jumbotron .content .col-12 {
        margin-bottom: 0; }
      #landing-container #jumbotron .content .bp3-intent-primary {
        background-color: #bf8c0a; }
        #landing-container #jumbotron .content .bp3-intent-primary:hover {
          background-color: #b2830a; }
        #landing-container #jumbotron .content .bp3-intent-primary:active {
          background-color: #a67908; }
  #landing-container #main {
    /*** BEGIN type block ***/
    /*** END type block ***/
    /***** END Features *****/
    /**** BEGIN Open Source *****/ }
    #landing-container #main h2,
    #landing-container #main h3,
    #landing-container #main .subtitle,
    #landing-container #main .title,
    #landing-container #main .divider {
      color: #454f60;
      text-align: center; }
    #landing-container #main .subtitle {
      font-size: 18px;
      font-weight: 300;
      color: #555; }
    #landing-container #main .divider {
      margin: 5px 0;
      opacity: 0.6; }
    #landing-container #main .bg {
      padding: 2em 0; }
      #landing-container #main .bg#opensource, #landing-container #main .bg#foryou {
        background-color: #454f60;
        color: #fff; }
        #landing-container #main .bg#opensource h2,
        #landing-container #main .bg#opensource .subtitle,
        #landing-container #main .bg#opensource .title, #landing-container #main .bg#foryou h2,
        #landing-container #main .bg#foryou .subtitle,
        #landing-container #main .bg#foryou .title {
          color: #fff; }
        #landing-container #main .bg#opensource a:not(.bp3-button),
        #landing-container #main .bg#opensource a:visited:not(.bp3-button),
        #landing-container #main .bg#opensource a:active:not(.bp3-button),
        #landing-container #main .bg#opensource a:hover:not(.bp3-button), #landing-container #main .bg#foryou a:not(.bp3-button),
        #landing-container #main .bg#foryou a:visited:not(.bp3-button),
        #landing-container #main .bg#foryou a:active:not(.bp3-button),
        #landing-container #main .bg#foryou a:hover:not(.bp3-button) {
          color: #ccc; }
      #landing-container #main .bg#foryou p, #landing-container #main .bg#opensource p {
        max-width: 400px;
        margin: 0 auto 10px;
        font-size: 18px; }
      #landing-container #main .bg#foryou {
        padding: 4em 0em; }
        #landing-container #main .bg#foryou .buttons {
          margin-bottom: 0em; }
        #landing-container #main .bg#foryou .bp3-intent-primary {
          background-color: #bf8c0a; }
          #landing-container #main .bg#foryou .bp3-intent-primary:hover {
            background-color: #b2830a; }
          #landing-container #main .bg#foryou .bp3-intent-primary:active {
            background-color: #a67908; }
    #landing-container #main .type-block {
      display: flex;
      margin: 4em 6em 12em; }
      #landing-container #main .type-block.flipped {
        flex-direction: row-reverse; }
        #landing-container #main .type-block.flipped .content {
          margin: 0.5em 0 auto 8em; }
      #landing-container #main .type-block.centered {
        display: block;
        text-align: center;
        margin: 1em auto;
        max-width: 400px; }
        #landing-container #main .type-block.centered .content {
          margin: 0; }
          #landing-container #main .type-block.centered .content .title {
            text-align: center; }
          #landing-container #main .type-block.centered .content .buttons {
            text-align: center; }
            #landing-container #main .type-block.centered .content .buttons .bp3-button {
              margin: 0 0.5em; }
      #landing-container #main .type-block .content {
        margin: 0.5em 8em auto 0; }
        #landing-container #main .type-block .content .buttons {
          margin: 0;
          text-align: left; }
          #landing-container #main .type-block .content .buttons .bp3-button {
            margin: 0; }
        #landing-container #main .type-block .content .title {
          font-size: 2em;
          font-weight: 800;
          text-align: left; }
        #landing-container #main .type-block .content .description {
          margin: 1em 0;
          font-size: 18px;
          line-height: 1.4; }
      #landing-container #main .type-block .image {
        flex-shrink: 0;
        flex-grow: 1;
        width: 50%;
        min-height: 200px; }
        #landing-container #main .type-block .image img {
          width: 100%; }
        #landing-container #main .type-block .image p.credit {
          font-size: 10px;
          text-align: center;
          margin-top: 4px;
          color: #999; }
          #landing-container #main .type-block .image p.credit a {
            color: #999; }
    #landing-container #main #features {
      padding: 4em 0em;
      background-repeat: repeat;
      background-position: 50%;
      background-color: #f9fafb;
      background-image: url(/static/landing/featuresbg.png); }
      #landing-container #main #features .feature-list {
        margin: 4em auto 0em;
        padding: 0;
        max-width: 1000px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto auto auto;
        list-style-type: none; }
        #landing-container #main #features .feature-list li {
          margin: 2em; }
          #landing-container #main #features .feature-list li .icon {
            margin: 0 0.75em 0.75em 0;
            float: left;
            opacity: 0.6; }
          #landing-container #main #features .feature-list li .title {
            text-align: left;
            font-weight: 600;
            font-size: 18px; }
          #landing-container #main #features .feature-list li .description {
            font-size: 16px;
            font-weight: 300;
            padding: 0 0.25em;
            clear: both; }
    #landing-container #main #opensource {
      padding: 4em 0em; }
      #landing-container #main #opensource .col-12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin: 2em 0em; }
        #landing-container #main #opensource .col-12 .header h2 {
          text-align: left;
          margin-bottom: 0.5em;
          font-size: 25px; }
        #landing-container #main #opensource .col-12 .header .bp3-icon {
          opacity: 0.6; }
        #landing-container #main #opensource .col-12 .content {
          font-size: 18px; }
        #landing-container #main #opensource .col-12 .buttons {
          margin: 0em; }
          #landing-container #main #opensource .col-12 .buttons .bp3-button {
            color: inherit; }
        #landing-container #main #opensource .col-12 .pubpub-links {
          margin: 1.5em 0em 0em;
          max-width: 400px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #landing-container #main #opensource .col-12 .pubpub-links a {
            white-space: nowrap; }
            #landing-container #main #opensource .col-12 .pubpub-links a:not(:first-of-type) {
              margin-left: 1em; }
  #landing-container .footer {
    background-color: #454f60; }

/***** Mobile *****/
@media only screen and (max-width: 720px) {
  #landing-container .buttons > a.bp3-button {
    margin: 0.25em; }
  #landing-container #jumbotron .content .landing-header {
    width: 100%;
    display: block;
    text-align: center; }
  #landing-container #jumbotron img.hero {
    width: 100%; }
  #landing-container #main #features .feature-list {
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    width: 100%; }
  #landing-container #main .type-block {
    flex-wrap: wrap-reverse;
    margin: 4em 1em; }
    #landing-container #main .type-block.flipped .content {
      margin: 2em 0em 6em; }
    #landing-container #main .type-block .content {
      margin: 2em 0em 6em; }
    #landing-container #main .type-block .image {
      width: 100%; }
  #landing-container #main #opensource .col-12 {
    margin: 0.5rem 2%; }
    #landing-container #main #opensource .col-12 .content p {
      padding: 2em; }
    #landing-container #main #opensource .col-12 .content .pubpub-links {
      padding: 1em; }
    #landing-container #main #opensource .col-12 .header h2 {
      text-align: center; } }


/*# sourceMappingURL=Landing.5dc6768e05abbd7b460d.css.map*/