/* Liberal-use alternative to Trajan. See http://joelcrawfordsmith.com/new/font/trajan for details. */
@import url('http://fonts.googleapis.com/css?family=Cinzel:400,700|Buenard:400,700');
@import '../../public/vendor/bootstrap/less/bootstrap';
@import '../../public/vendor/font-awesome/less/font-awesome';

@fa-font-path: 'vendor/font-awesome/fonts';

@import 'cards';
@import 'shadows';
@import 'overrides';
@import 'variables';

html {
  height: 100%;

  body {
    height: 100%;

    font-family: Buenard, serif;
    font-size: 14px;

    background: @shostakovich;

    .btn {
      font-family: 'Cinzel', serif;
    }

    > article {
      height: 100%;

      > section {
        position: absolute;
        width: 100%;
        height: 100%;

        > .fill {
          display: table;
          width: 100%;
          height: 100%;

          > .fill-content {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
          }
        }
      }
    }

    &.hidden-left {
      left: -100%;
    }

    &.hidden-right {
      left: 100%;
    }
  }
}

/* Liberal-use alternative to Trajan. See http://joelcrawfordsmith.com/new/font/trajan for details. */
@import url('http://fonts.googleapis.com/css?family=Cinzel:400,700|Buenard:400,700');
@import '../../public/vendor/bootstrap/less/bootstrap';
@import '../../public/vendor/font-awesome/less/font-awesome';

@fa-font-path: 'vendor/font-awesome/fonts';

@import 'cards';
@import 'shadows';
@import 'overrides';
@import 'variables';

html {
  height: 100%;

  body {
    height: 100%;
    overflow: hidden;

    font-family: Buenard, serif;
    font-size: 14px;

    background: @shostakovich;

    .btn {
      font-family: 'Cinzel', serif;
    }

    > article {
      height: 100%;

      > section {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow-y: auto;

        > .fill {
          display: table;
          width: 100%;
          height: 100%;

          > .fill-content {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
          }
        }
      }
    }

    &.hidden-left {
      left: -100%;
    }

    &.hidden-right {
      left: 100%;
    }
  }
}

Allow each card to scroll vertically, but inhibit side-to-side (which we will control).
Allow each card to scroll vertically, but inhibit side-to-side (which we will control).
