dev/scss/main/logos.scss

@charset "utf-8";
@import "../util";

/**
 * Rules for logos.
 */
.logo {
  &::after {
    content: "" !important;
  }

  // div.logoaddon {
  //   position:absolute;
  //   display: block;
  //   font-size: 45%;
  //   right: 5pt;
  //   bottom: 4pt;
  //   text-align:right;
  //   color: $dark-orange;
  //   padding: 3pt;
  //   text-shadow: 1pt 1pt 0 $nearly-white, -1pt -1pt 0 $nearly-white, -1pt 1pt 0 $nearly-white, 1pt -1pt 0 $nearly-white;
  // }
  
  > * {
    background: {
      repeat:   no-repeat;
      size:     90%;
      position: 50% 50%;
    }

    > span {
      @include blind;
    }

    > div.logoaddon {
      position:absolute;
      display: block;
      font-size: 10pt;
      right: -1rem;
      top: 1.7rem;
      // bottom: 4pt;
      // text-align:right;
      color: $dark-orange;
      // padding: 3pt;
      text-shadow: 1pt 1pt 0 $nearly-white, -1pt -1pt 0 $nearly-white, -1pt 1pt 0 $nearly-white, 1pt -1pt 0 $nearly-white;
    }
  }
}

/**
 * Logo: KorAP
 */
h1 {
  position:    absolute;
  margin:      0;
  // margin-left: 10pt;
  margin-left: 3rem;
  left:        0;
  top:         50%;
  width:       7.8em;
  height:      2.4em;
  z-index:     105;
  background: {
    size:  78% !important;
    image: url('#{$img-path}/korap-logo.svg');
  }
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

// aside.active ~ header h1 {
//   position: fixed;
// }


#overview {
  text-align: center;
  width:      100%;
}