/* new colors */
/* old colors */
/* end old colors */
/* item colors */
/* end of item colors */
/* Transform mixins */
/* End transform mixins */
/* mixin for step header */
/* mixin for pre header */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*                           More Info Demo Dialog                            */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/* this is for the demo  */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*                           More Info Demo Dialog                            */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*                           More Info Demo Dialog                            */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*                               Directory Item                               */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
h1 {
  display: inline-block;
  font-size: 2rem;
  margin: 2rem 0 0 0;
  font-weight: 600;
  line-height: 110%; }

body.main_app {
  background: none;
  overflow-y: hidden; }

#mini_banner {
  min-height: 100vh;
  position: relative; }

.lonely {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  .lonely img.feature {
    max-width: 100%; }

span.line {
  display: inline-block;
  font-size: 1.25rem; }

span.newline {
  display: block; }

span.faux_h {
  font-size: 1.5em; }

.go_home {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  height: 40px;
  width: 40px;
  z-index: 1; }
  .go_home img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .go_home .front {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .go_home .back {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .go_home:hover .back {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .go_home:hover .front {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.comic_img_wrap {
  position: relative;
  display: inline-block;
  max-width: 75%; }

.download_blocker {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.97);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .download_blocker .if_right_click {
    display: none; }
  .download_blocker.show {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .download_blocker.show .if_right_click {
      display: block; }
  .download_blocker section {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0;
    margin: 0;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .download_blocker section p {
      font-size: 1.25rem;
      font-weight: 600; }
    .download_blocker section .button {
      padding-left: 5px; }
      .download_blocker section .button img {
        width: 35px;
        height: 35px;
        vertical-align: top; }

.license_wrap {
  display: block;
  position: absolute;
  bottom: 0;
  text-align: left;
  font-size: 0.9rem; }