/* This works on both inputs and spans */
/* Typography */
/* Experimental - establishing standard spacing on horizontal axis */
/* Animations */
/*=anim-slide-down($distance)
 * &.ng-enter
 *   @include transition(all 300ms $standard-bezier)
 *   opacity: 0
 *   margin-top: $distance
 * &.ng-enter-active
 *   opacity: 1
 *   margin-top: 0px
 * &.ng-hide-add, &.ng-hide-remove
 *   @include transition(all 300ms $standard-bez-out)
 *   display: block !important
 *   opacity: 1
 *   margin-top: 0px
 * &.ng-hide
 *   margin-top: $distance
 *   opacity: 0 */
/* Colors */
/* Layout */
@media print {
  @page {
    margin-top: 2cm !important;
    margin-bottom: 2cm !important;
  }
  /* line 11, /app/app/assets/stylesheets/print.sass */
  html {
    font-size: 9px;
  }

  /* line 14, /app/app/assets/stylesheets/print.sass */
  body {
    line-height: 22px;
  }

  /* line 17, /app/app/assets/stylesheets/print.sass */
  body * {
    visibility: hidden;
    line-height: 22px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

  /* line 22, /app/app/assets/stylesheets/print.sass */
  h1 {
    margin-bottom: 2.4rem !important;
  }

  /* line 25, /app/app/assets/stylesheets/print.sass */
  h2 {
    line-height: 4.4rem;
  }
  /* line 27, /app/app/assets/stylesheets/print.sass */
  h2 p {
    line-height: 4.4rem;
  }

  /* line 30, /app/app/assets/stylesheets/print.sass */
  .printable, .printable * {
    visibility: visible;
    overflow: visible;
    float: none;
    page-break-after: avoid;
  }
  /* line 35, /app/app/assets/stylesheets/print.sass */
  .printable .well, .printable .ingredients-well, .printable * .well, .printable * .ingredients-well {
    border: 1px solid darkgray;
  }
  /* line 37, /app/app/assets/stylesheets/print.sass */
  .printable .span6, .printable * .span6 {
    width: 600px;
  }

  /* line 40, /app/app/assets/stylesheets/print.sass */
  .printable {
    position: relative !important;
    left: 0;
    top: 0;
  }

  /* line 45, /app/app/assets/stylesheets/print.sass */
  .printonly {
    visibility: visible;
    display: block;
  }

  /* line 49, /app/app/assets/stylesheets/print.sass */
  .printable-column {
    width: 50%;
    margin-left: 25%;
  }

  /* line 53, /app/app/assets/stylesheets/print.sass */
  .noprint, .nell-popup, .nell-embed, .navbar, .aside {
    display: none !important;
  }

  /* line 56, /app/app/assets/stylesheets/print.sass */
  .video-container {
    padding-top: 50px;
    padding-bottom: 0px;
    height: auto;
  }

  /* line 61, /app/app/assets/stylesheets/print.sass */
  .edit-pair-edit {
    display: none !important;
  }

  /* line 64, /app/app/assets/stylesheets/print.sass */
  a[href]:after {
    content: "";
  }

  /* line 68, /app/app/assets/stylesheets/print.sass */
  .tab-content .tab-pane {
    display: block;
  }

  /* line 71, /app/app/assets/stylesheets/print.sass */
  .standard-item, .medium-item, .wide-item {
    width: 100% !important;
    page-break-after: auto;
  }

  /* line 75, /app/app/assets/stylesheets/print.sass */
  .half-medium-item, .quarter-medium-item, .aside {
    width: 100% !important;
    page-break-after: auto;
    margin-left: 0 !important;
    -webkit-flex: 1 0 500px;
    -moz-flex: 1 0 500px;
    -ms-flex: 1 0 500px;
    -o-flex: 1 0 500px;
    flex: 1 0 500px;
  }

  /* line 81, /app/app/assets/stylesheets/print.sass */
  .aside, .aside-separate {
    float: none !important;
    border: 1px solid gray !important;
  }

  /* line 87, /app/app/assets/stylesheets/print.sass */
  .assembly-activity .ordered-steps-new .ordered-step-item {
    margin-bottom: 1.2rem !important;
  }

  /* line 90, /app/app/assets/stylesheets/print.sass */
  .step-number {
    font-size: 2.0312rem;
    line-height: 2.2rem;
    font-family: "Circular", "Helvetica Neue", arial, sans-serif;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    display: inline;
  }
  /* line 99, /app/app/assets/stylesheets/print.sass */
  .step-number div:after {
    content: ". ";
  }

  /* line 102, /app/app/assets/stylesheets/print.sass */
  .step-number-container {
    margin-left: 0;
    margin-right: 5px;
    display: inline;
    padding-top: 0;
    margin-bottom: 0;
    width: auto;
    float: left;
    position: relative;
  }

  /* line 112, /app/app/assets/stylesheets/print.sass */
  [ng-model="step.title"] {
    display: inline;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  /* line 119, /app/app/assets/stylesheets/print.sass */
  .show-mode .ingredients-menu-button {
    display: none;
  }
  /* line 123, /app/app/assets/stylesheets/print.sass */
  .show-mode .ingredients .show-group:not(:empty) .quantity-group, .show-mode .ingredients .show-group:not(:empty) .unit {
    background: white !important;
  }

  /* line 128, /app/app/assets/stylesheets/print.sass */
  body.fs-course {
    overflow: auto;
    height: initial;
  }

  /* line 132, /app/app/assets/stylesheets/print.sass */
  .course-wrapper {
    height: inherit;
    float: none;
    width: 100%;
  }

  /* line 137, /app/app/assets/stylesheets/print.sass */
  .course-assembly-container {
    position: relative;
    height: inherit;
    margin-top: -58px;
  }

  /* line 142, /app/app/assets/stylesheets/print.sass */
  .course-content-wrapper {
    position: relative;
    height: inherit;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}