@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/pagination";
@import "custom/banner-style";
@import "custom/breadcrumbs";
#content-wrapper {
    width: 100%;
    background: #f6f6f6;
    margin: 0;
    padding: 20px 0 50px;
    position: relative;
}
.leftPanelInner {
    padding-bottom: 10px;

    }
.boxDiv {
    background: #f2f1f1 !important;
}
.date{
  font-size: 12px;
}
.leftPanelInner {
  .view-bt{
     float: right;
    &:after{
       content: "\e926";
       font-family: 'icomoon' !important;
       vertical-align: middle;
       padding: 0 5px;

    }
  }
  .top-cnt{
  p{
    font-size: 17px;
    color: $black;
    font-weight: $font-weight-light;
      @include media-breakpoint-down(xs) { font-size: 15px; }
  }
}
  .insights_view{
    h3{
      a{
      color: #292f2d;
      font-size: 17px;
       @include media-breakpoint-down(xs) { font-size: 16px; }
    }
    }
  }
  .featured-bt{
    background: #cba67e;
    font-size: 15px;
  }
  .insights_view{
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05)

  }
}
// box-shadow: 0 2px 10px 0 rgba(0,0,0,.04);

.news-topics{
  @include media-breakpoint-down(md) {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  @include transition(all .5s cubic-bezier(0.165, 0.84, 0.44, 1));
  &.opened{
    opacity: 1;
    visibility: visible;
  }
 }
}
.news-navbtm {
  display: none;
  @include media-breakpoint-down(md) {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0; 
    right: 0;
    background: $green;
    padding: 10px 0;
    z-index: 97;
    color: $white;
    text-align: center;
    font-weight: $font-weight-light;
    font-size: 16px;
  }
}

.close-topics{
  position: absolute;
  right: 15px;
  top: 17px;
  color: $white;
}