@charset "utf-8";

@import "variables";

// 把可以重覆使用的類別放在這個檔案裡

// 只保留第一個editmode連結，後面的都藏起來以免使用者插入其他的內容造成版面跑版
.single-child-datapp {
  > .editmode-ps + a[href^="/page_parts/"] {
    display: none;
  }
}

.transfrom-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
  position: absolute;
}

.text-white {
  color: white;
}

.text-black {
  color: black;
}

.text-red {
  color: red;
}

.text-primary {
  color: $theme-color-main;
}

.box-social-share {
  margin: 0.9375em 0;
  > * {
    display: inline-block !important;
    margin: 0 0.375em 0 0 !important;
    vertical-align: top !important;
    position: relative;
    top: 0;
    transition: 0.2s;
    &:hover {
      opacity: 0.8;
      top: -0.1875em;
    }
  }
  .fb-share-button.fb_iframe_widget {
    > span {
      vertical-align: top !important;
    }
  }
  .print-button {
    a {
      color: #333;
      font: 0.9375em/1.25em $main-font;
      .fa {
        color: #666;
        font-size: 1.125em;
        margin: 0 0.1875em 0 0;
      }
    }
  }
}