// Custom extends and mixins
// ------------------------------------------------------------------------------
@import "mixins";
@import "extends";

// Card module styles
// ------------------------------------------------------------------------------

%absolute_full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card_body {
  .bkg_box {
    @extend %absolute_full;
      transition-duration: 800ms;
      overflow: hidden;
      vertical-align: top;
      z-index: -1;
  }

  .bkg_box > svg {
      position: relative;
  }

  .flex_wrap_center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
  }

  .flex_content {
      position: relative;
      padding: 64px 64px 24px 64px;
      border: 1px solid #FFF;
      background-color: #F5F5F5;
      z-index: 40;
  }

  h1 {
      margin: 16px 0;
      color: #1E1E1E;
      font-size: 24px;
      line-height: 1.4em;
      font-weight: normal;
  }

  p {
      margin-top: 0;
      margin-bottom: 16px;
      font-size: 12px;
      line-height: 1.4em;
  }

/*  .full {
      position: absolute;
      width: 128px;
      height: 128px;
      top: 16px;
      left: 16px;
      background-color: #fff;
  }

   .mark {
      float: left;
      width: 32px;
      height: 32px;
      margin-top: 16px;
  }
 */
  .marked {
      padding-left: 1em;
      text-indent: -1em;
      text-align: center;
  }

  .marked:before { content: "*\0000a0" }

  .decent { color: #666 }

  a {
      color: #000;
      text-decoration: none;
  }
      a:hover {
          color: #F4F9FA;
          background-color: #0C85FF;
          text-decoration: none;
      }
}