@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

@import "custom/sidebar-left";
@import "custom/breadcrumbs";

.cnt_blk {
  padding-left: 100px;
  position: relative;
  @include media-breakpoint-down(md) {
    padding-left: 0;
  }
}
.news-title{
 font-size: rem(22);
   @include media-breakpoint-down(md) { padding-right: 45px;}
}
.share-left {
  position: absolute;
  top: 0;
  ul {
    padding-left: 12px;
       @include media-breakpoint-down(md) { padding-left: 4px;}
  }
  @include media-breakpoint-up(lg) {
    left: 0;
  }
  @include media-breakpoint-down(md) {
    right: 0;
  }
  li.round {
   position: relative;
   margin-bottom: 10px;
   &:after{
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #292f2d;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    line-height: 28px;
    text-align: center;
    color: $white;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'icomoon';
    // position: absolute;
    // top: 0;
    // left: 0;
    // margin: auto;
    text-indent: 0;
   }
   &:hover {
    &:after {
      background: #5f6160;
    }
   }
  }
  .gplus{
    div{
    width: 28px;
    height: 28px;
    background: #292f2d;
    border-radius: 50%;
    opacity: 0;
    position: absolute !important;
    left: 0;
    z-index: 99;
    display: block !important;
    }
    &:after{
     content: "\e918";
     font-size: 14px;
    }

  }
  .linkedin{
    span{
    width: 28px;
    height: 28px;
    background: #292f2d;
    border-radius: 50%;
    opacity: 0;
    position: absolute !important;
    left: 0;
    z-index: 99;
    display: block !important;
    span {
      display: block !important;
    }
    }
    &:after{
      content: "\e919";
      font-size: 12px;
    }
  }
  .twitter-share{
    iframe{
    height: 28px !important;
    width: 28px !important;
    background: #292f2d;
    border-radius: 50%;
    position: absolute !important;
    left: 0;
    opacity: 0;
    z-index: 99;  
    display: block !important;
    text-indent: 0 !important;
    *{
      opacity: 0;
      width: 28px !important;
      height: 28px !important;
      display: block !important;
      position: relative;
      z-index: 999;
    }
    }
    &:after{
      content: "\e91f";
      font-size: 12px;
    }
  }
   .fb{

    span{
      width: 28px !important;
    height: 28px !important;
    display: block !important;
    }
    iframe,div{
    width: 28px !important;
    height: 28px !important;
    background: #292f2d;
    border-radius: 50%;
    opacity: 0;
    position: absolute !important;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: 99;
    display: block !important;
    }
    &:after{
      font-size: 12px;
      content: "\ea90";
    }
  }
  .share_list{
     @include media-breakpoint-down(md) {
      opacity: 0;
      visibility: hidden;
      @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
      &.actived {
        opacity: 1;
        visibility: visible;
      }
     }
  }
  .top-div{
    @include media-breakpoint-down(md) {
     width: 35px;
     height: 35px;
     line-height: 38px;
     border-radius: 50%;
     background: #eae9e9;
     text-align: center;
    }
  }
}

.rightBx{
  position: relative;
  .backto{
    position: absolute;
    top: -28px;
    left: 0;
    i {
      font-size: 12px;
    }
  }
}